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如何进行列表页设计
  • Python教程 应用实例——实现关机
  • 经营奶茶店应该要注意哪些方面?
  • MySQL怎么设置启动时为创建新的sql文档
  • Python编程:怎么设置tkinter窗口最大尺寸
  • 小青账怎么持续显示账单图片
  • 热门搜索
    讲究卫生手抄报 数学好玩手抄报 环境手抄报资料 法制手抄报资料 杜绝浪费手抄报 珍惜时间的手抄报 安全主题手抄报 小学生反邪教手抄报 关于欢度春节的手抄报 好书我推荐手抄报