手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

ui当中app如何进行列表页设计

时间:2024-10-13 08:28:25

1、打开ps软件,新建一个750*1624的文件,像素为72像素。

ui当中app如何进行列表页设计

2、我们设置导航栏的高度为88像素,底部是68像素的高度,左右侧各留40像素的宽度。

ui当中app如何进行列表页设计

3、给其添加一个渐变色,高度为750*176。

ui当中app如何进行列表页设计

4、添加上导航栏的文字和搜索框的内容,注意元素的居中和对齐。

ui当中app如何进行列表页设计

5、在导航栏和列表下面绘制一个灰色的分隔区域。

ui当中app如何进行列表页设计

6、绘制头像以及消息信息,同样注意居中和对齐,ui设计当中很多考验的都是细节方面的。

ui当中app如何进行列表页设计

7、将用户信息复制多个,进行等距离排列。

ui当中app如何进行列表页设计

8、给其中一个,左滑删除和其中一个灰底,去看下效果。

ui当中app如何进行列表页设计

9、到这里这个案例就完成了,我们可以看下整体的效果。

ui当中app如何进行列表页设计
© 手抄报圈