ui在设计中越来越火了,学点ui设计显得特别嘀芟苒疾有必要,在ui当中,列表页设计也是经常遇到的,我们如何进行列表页的设计呢,下面我们就去尝试去做这个事情吧。
工具/原料
pscc软件
方法/步骤
1、打开ps软件,新建一个750*1624的文件,像素为72像素。
2、我们设置导航栏的高度为88像素,底部是68像素的高度,左右侧各留40像素的宽度。
3、给其添加一个渐变色,高度为750*176。
4、添加上导航栏的文字和搜索框的内容,注意元素的居中和对齐。
5、在导航栏和列表下面绘制一个灰色的分隔区域。
6、绘制头像以及消息信息,同样注意居中和对齐,ui设计当中很多考验的都是细节方面的。
7、将用户信息复制多个,进行等距离排列。
8、给其中一个,左滑删除和其中一个灰底,去看下效果。
9、到这里这个案例就完成了,我们可以看下整体的效果。