用户登录

网站实例：设计

Case：Design

— 王皓

2025 独立开发者训练营：AI Agent！查看介绍 / 立即报名 →

从一个空白画布开始设计，用的 Sketch 工具，这个工具只有 macOS 版本。Windows 用户需要使用其它的替代品。

仓库：https://github.com/ninghao/ninghao-design

封面摄影：Aaron Reed

准备
0:00
安装系统字体
1:10
创建项目与仓库
1:32
创建 Sketch 文档
1:29
Navbar
0:00
文字标志
1:20
Navbar：顶部导航栏
3:50
搜索
1:29
Sidebar
0:00
Sidebar：边栏导航
3:42
Card
0:00
Card：内容卡片
4:21
图像占位符
2:48
Symbols
0:00
Navbar 符号
1:55
Card 符号
1:27
真实内容
0:00
准备图像资源
2:01
使用真实的内容
2:36
文章页面
0:00
文章页面
4:54
文章页面：移动设备
2:43
文章信息
2:25
分享
3:32
文章信息：移动设备
2:41
评论
0:00
评论
2:31
评论：填充真实的内容
2:14
评论：表单
2:44
评论的回复状态与桌面设备上的评论
1:52

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点