北京UI设计培训机构中的设计规范
任何项目开始第一步,就是确保你选对风格。深入设计之前,确保风格符合目标用户的感知需求,适应目标平台、承载设备和应用类型。如果该方案风格与项目不匹配,那么接下来的导向则毫无意义。
流程
设计流程非常重要,无论选择何种样式!简约设计时记住以下几点:
1. 设计minimal界面时,我会从pre-pc时代寻求灵感,那个时候的艺术大师,用少量的资源做了大量的设计。例如:Josef Müller-Brockmann 和Wim Crouwel,重温这些大师的作品是很好的学习机会。但是有时我也会参考minimal画家的作品,如Ellsworth Kelly,建筑师,如Mies van der Rohe 和工业设计师,如Dieter Rams。
2. 放下工作,休息一下很有帮助。扁平和简约设计的一切均关乎到细节的差异。因此小憩片刻后再回到工作,带着全新的眼光工作,比长时间冥思苦想更有效。
3.并排比较各个版式同样有帮助。哪怕花20分钟前将一个线条下移各5个像素分别保存,对比两个版式就能很快分清孰好孰坏。
4. 由于实物展示的相对比例至关重要,所以要及早在不同的目标设备上测试。
5. 整个设计过程中不断问自己“真的需要吗?” 。支撑项目时候,一些讨巧的办法,例如,添加一些有趣的元素、样式会这样会很容易也会很吸引人,但必须始终注意剔除不必要的元素,不断精简。甩掉你费尽心血的部分总是难以割舍,但修改过程必须挑剔。
网格
网格在界面设计中扮演很重要的角,这里也不例外。如果你想通过建立视觉规范使整个设计次序化、直观化,那么网格就很有帮助。
1. 网格不仅仅能展现视觉次序。还可以使用网格划分内容和功能组。你可以不用总是使用直线或框划分对象组,其实简单的对齐和间距设置也能帮助用户理解界面结构。
2. 试着打破网格的结构,突出重要的元素来吸引用户眼球。告别虚假的3D元素装饰后,实物比例和定位等基本布局原则就是展现视觉次序的关键。
3. 尝试一下你不习惯的更密集的网格设计。当你大量减少视觉配这些元素时,又会发现这种设计方式可以承载更复杂的结构,也不显得凌乱。如果你有想表达的额外的内容信息你可以单独放置。
颜
颜在视觉设计中角很重要,对minimal界面更为关键。
1. 考虑更宽泛的配方案。如果你们像我一样,那么就会明白相近的配往往使界面功能性更强。而以强烈的宽泛的配来设计就更容易了。现在是你发挥的机会,只用少量的元素,扩展配方案会让你感觉很好。
2. 设置配方案时,测试所选调要在很宽的谱内进行,才可保证用明暗对比来表现画面。
3.如果你想试试同系配和鲜明对比。要及早测试配,以确保微妙变化和高对比度元素都能有足够的选择空间。
文字排版
以内容主导的扁平式网页而言,文字排版就是大英雄,功不可没。
1.衬线是一种选择,无衬线则会显得更干净。ui培训学校
2. 在品种繁多,粗细和样式各有差别的字体系列查你需要的字体。当然不是使用全部,而宽泛的选择帮你更准确的定义出层级关系,同时你也会发现某些字体会更适合特定环境。
3. 不要顾忌把大小和粗细差别悬殊的字体搭配在一起就一定会造成视觉凌乱。用超大、超细的字体做标题而用中等粗细的小号字体做正文其实也是一种尝试。
4. 要注意字体便于阅读。我知道听起来可笑,但人们会对你选择的字体产生很多质疑,所以确保按任何比例缩放时均能阅读
交互
在扁平设计中,证明元素的交互性会显得很棘手。这是我采用的几个方法。
1.对比很关键。如果构图留白比较多,你可以给可操作元素一点彩;如果是文字为主,可以使用简单的配图;如果标题是大号小写字母,链接可以用小号大写字母;就是这个意思。
2.传统布局也很有用。如果你要放置一个返回按钮,那就将其放置在用户期望到返回按钮的位置上,左上角。
3. 当页面堆叠更多功能时,把每个交互元素设计成按钮没意义。界面尽量设计直观一些。但如果交互特别复杂或者出乎意料,提供简单的错误恢复功能。
4.下拉框、模式窗口、弹出框等层级元素在扁平设计中一般比较难处理。而对鲜明的对比、边框、着的处理,也能从视觉上区分出交互层级。
总结
我不相信设计有固定规则可循。看到设计师呕心沥血只为构建干净、简洁的用户界面,实在令人叹服。扁平就真的不需要渐变和阴影了吗?当然不是。实际上我见过最引人兴趣的工作,是那种能明智的呈现内容、同时能够保持交互直观性和平衡维度。
在我们这个高度联系、资讯丰富和功能齐全的数字世界里,简约设计又重新广泛兴起。而它并不能解决一切,但如果考虑周全、应用得当,也同样能给我带来易用和愉悦的数字体验。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论