UI设计课EDC研究所1期 Part 7-掌握细节拆分的设计思维

其他 2018-12-02 11:11:10 阅读次数: 0

文章目录

1. z轴拆分

目的：提升设计的精度
（1）banner的拆分

  • 其思考顺序是：背景 - 文案 - 模特 - 点缀
  • 在此基础上具化，以文案为例，其考虑顺序是： 字体 - 调整 - 颜色 - 位置
    在这里插入图片描述

在这里插入图片描述

（2）导航栏的拆分：

  • 背景- 文案 - 两边的按钮
  • 在此基础上细化：
  • 文字大小：34 - 40px
  • 图标样式：使用线性图标、2px描边、44*44px以内（2倍图）

在这里插入图片描述
在这里插入图片描述
（3）金刚区图标的拆分
在这里插入图片描述
（4）小结
细节拆分可以从这些角度入手：设计样式、尺寸参数、细节处理、设计手法

2. 界面内容有哪些

  • 导航栏
  • banner
  • 金刚区
  • UGC版块
  • 瓷片区
  • 列表流
  • Tab栏
    把UI的资源按照内容来分类
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/lemon_SIR/article/details/84452131
今日推荐
周排行
Leetcode简单题61~80
解决zookeeper磁盘IO高的问题
多线程相关方法详解
Maven-setting.xml文件详解
Maven 项目的 classpath 理解
渊亭科技大数据笔试题
配置JVM内存分配
计算机网络个人学习笔记 （三）网络层 ：第三部分 连载
js中两个等号(==)和三个等号(===)的区别
用C程序自动打开电脑上的程序
每日归档
更多
2024-09-18(0)
2024-09-17(0)
2024-09-16(0)
2024-09-15(0)
2024-09-14(0)
2024-09-13(0)
2024-09-12(0)
2024-09-11(0)
2024-09-10(0)
2024-09-09(0)

代码天地 © 2018 codetd.com

境外服务器   最新电视剧2022