用户登录

打开命令行 ... 进入到项目所在的目录 .. 这个项目是我们最开始用 git 克隆到自己电脑上的 ..

在这个目录的下面,执行一下 git pull ,这样可以拉取最新的我对项目做的修改 .. 先查看一下当前所在的分支 .. git branch ..

这里会显示我在 master 分支的上面 .. 你可以切换到一个特定的标签 .. 这样你看到的东西跟视频里看到的就是一样的了。

比如在下一个视频里,我要去做导航的设计 .. 先切换到 v.3.2.1-start 这个标签 ..

git checkout v3.2.1-start

在 design 目录的下面,你可以找到一个 sketch 文件 ... 打开它 ... 这里出现的是我们之前做的一个页面的线框图 .. 下一个视频,我会基于你现在看到的这个设计继续去做这个页面 ..

下一个视频里需要的一些资源,比如网站的标志,小图标,你也可以在 app ... images 这个目录的下面找到 ..

完成了下一个视频以后,我会给项目打一个 v3.2.1-finish 标签 ... 如果你想查看视频完成以后的样子,可以切换到这个 带 finish 的标签 ..

你也可以为项目单独再去创建一个目录,在这个目录里存储自己亲手制作的东西。然后你可以把我做的项目作为一个参考。

处理设计

再打开项目的设计文档 .. 选中这个画板上出现的所有的东西 .. 先把它们放到一个群组里 .. 名字可以是 wireframe ... 再复制一下这个群组 command + D ... 改一下名字,叫它 design ..

同样再去处理一下这个小尺寸的移动设备画板 ... 选中所有的东西 ... command + G ,放到一个群组里 .. 名字是 wireframe ..

command + D 复制一份 ... 这个群组的名字是 design ...

准备《 网页设计案例:导航设计 》

统计

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

社会化网络

关于

微信订阅号

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