点击此处返回
未登录用户
每日可免费学习1个教程
white
关注人数：5115
1.需求定位及功能框架（一）
2.产品功能框架设定（二）
3.PRD文档与原型图设计（三）
4.高保真原型图设计（四）
5.专题模块原型设计（五）
6.设计师模块原型设计（六）
7.消息圈模块原型设计（七）
8.寻觅模块原型设计
9.个人中心模块原型设计(九）
10.专题界面视觉设计
1、本期我们进行第一个大的模块：专题模块的设计；打开PS，将上期设计的文件导入进来；选择一个画板，按住【Alt+Shift】键向下复制，并修改名称为【专题】；新建宽度750像素，高度98像素的矩形，放置在最底部并修改颜色；向上【复制】矩形，并将高度改为1像素，更改颜色并与参考线对齐，【拖入】所需图标。
2、将图标居中对齐，并调整好与顶部的间距；并【输入】相关文字，文字大小为20像素，修改文字的颜色；将文字与图标居中对齐，并调整好它们之间的间距。
3、【拖入】背景；更改顶部的文字内容，使用【直线工具】绘制线条，调整成渐变的效果，并更改文字的颜色。
4、【拖入】图片素材，并居中对齐，并调整好与导航栏之间的间距，在移动间距的时候：按下上/下/左/右键移动的位置是一个像素，如果加上Shift键，按一下就是十个像素的距离。
5、 继续【拖入】图片，并对齐，【Ctrl+T】按住Alt+Shift键缩小。
6、将调整好的图片，放置在右面并调整好图片的间距：向左按两下，再按住Shift键向左按三下。
7、将图片拖入【主题】组里，就可以隐藏不需要的部分。
8、【复制】2画板，并调更换好图片；需要注意的是中间的专题，两边都有提示，第一个专题前面就没有提示，最后一个专题后面没有提示。
70000+教程，每天免费学一课
打开APP，离线免流量
