如果你还在为界面不精致,层次乱糟糟,反复修改浪费时间,开发还原度很差等问题而烦恼,不妨来看看文中的一些关于UI设计中的“小套路” 。
文章插图
UI设计是一个年轻的职业,起步较晚变化飞快 。新的创意和玩法层出不穷,去年流行的风格,今年可能已经不见踪影 。作为一名UI设计师,要时刻保持危机意识,不断进化自己的设计知识和理念 。一边探索,一边沉淀是UI设计师的基本素养 。
探索固然有趣,沉淀更需要毅力,今天我要跟大家聊的不是探索,而是在UI设计当中的一些“小套路” 。
字体字号的运用1. 字体UI设计师常用的字体有:苹方、思源黑、兰亭黑系列、华文黑体等,在字体选用方面看团队习惯 。
就还原度来讲,如果你的团队是用一套设计稿同时适配安卓和iOS,推荐用苹方字体去做设计;如果是iOS端和安卓端都要做那就推荐iOS用苹方体,安卓用思源黑体 。由于兰亭黑系列字号偏大,会导致设计稿和还原效果差别较大,不建议使用 。
文章插图
2. 字号常用的字号(以iOS一倍图为例)有:10pt、12pt、14pt、15pt、16pt、18pt 。除了这些常用的字号,在实际设计过程中还要看具体情况 。如果文字较多,分级又特复杂,就会涉及到多种字号混排,也相对考验设计师对字体字号的运用 。好的效果需要反复调试,差的效果就有很多共同点了 。
1) 不同层级的文字字号不能太接近
文章插图
2) 字重的合理利用
在阅读大段文字的时候用细体或者粗体都会比较累,尽量选用标准字重的字体 。
文章插图
3)字体字号的统一性原则
APP内相同层级的内容字体字号应该保持一致,这也就需要在设计前期建立基本的设计规范 。
文章插图
颜色的运用在一套设计规范里往往会给出一个品牌色,几个辅助色,几个黑白灰的颜色供我们使用,但真正要用好不见得那么容易 。我们分开来看黑白灰和彩色 。
1. 黑白灰1) 避免使用纯黑色
纯黑色在自然界中是几乎不存在,在黑色中加一点点的色彩倾向,会让界面看着更自然,包括文字的颜色也不要选用#000 。
2) 文字排版
文字颜色用不同的灰色拉开对比,达到把信息层级区分开来的目的 。
文章插图
2. 彩色1) UI设计里的631原则
631原则是指主色调:次要颜色:强调颜色=6:3:1 。这个理论最早出现在室内设计里,被誉为最完美的配色比例 。
UI设计也一样,品牌色不要超过整体页面的30% 。色彩比重太多让界面显得很躁,很容易造成秩序混乱 。所以颜色应该用在主要引导区域或者内容区隔上 。
2) 渐变色小技巧
渐变色在当下非常流行,如果你还在为调渐变色而烦恼不妨试试我的这个小方法 。先确定好一个颜色,然后打开色盘,在这个颜色相邻的左右各取一个颜色,然后把左侧颜色的明度提高一点,把右侧颜色的明度降低一点点 。你会发现这样调出来的渐变是最舒服的 。
文章插图
阴影的运用阴影一直以来都是UI设计中不可或缺的部分 。从之前的拟物风格,UI设计师努力尝试用高光阴影给用户在二维界面里营造三维效果 。即使在超扁平风格盛行的当下,UI设计师也没有停止对阴影的钟爱 。
从视觉上看,阴影为二维界面增加了厚度,能让用户把界面和现实世界关联起来,有助于用户理解界面各个模块的意义和它的交互方式 。
1. 垂直偏移阴影效果更自然现实中的光源不可能在你的眼睛那里,一般都会在偏上的位置,投影会在物体偏下的位置 。
文章插图
2. 用阴影分割比描边分割更优雅用投影来做分割能让界面更微妙,并且不会分散用户的注意力,让内容更聚焦 。
文章插图
3. 阴影不一定是黑色的一定要注意环境色对阴影的影响,这是学水粉的时候老师敲烂的知识点 。
- 国土空间规划三区三线内容是什么 乡镇国土空间规划主要内容
- 新建word文档的三种方法 在桌面新建word文档的快捷键是
- 买机械硬盘还是移动硬盘 笔记本移动硬盘和机械硬盘的区别
- 二寸照片尺寸多少厘米宽和高分辨率 二寸照片尺寸宽高各是多少厘米
- 360摄像头多少距离是监控不了的 360家用监控摄像头的焦距怎样选择最合适呢
- 小米电脑充不了电是什么问题怎么办 苹果电脑充不了电是什么问题怎么办
- 想开个饰品店到哪进货 饰品店都是从哪里进货的呀
- 中国石化加油站的燃油宝是真的吗 中石化燃油宝罚款
- 洛克王国怎么样的是bug蛋 洛克王国宠物蛋孵化bug
- 德阳人口总人数是多少 德阳各区县人口一览表