ui设计界面板块布局 如何统一ui界面风格?

[更新]
·
·
分类:互联网
4892 阅读

ui设计界面板块布局

如何统一ui界面风格?

如何统一ui界面风格?

统一风格,依仗的就是设计规范。设定好设计规范,并且严格按照规范执行,就能让UI界面风格统一。
设计规范一般包含:
1. 主色、辅色
2. 文字规范:文字大小、颜色、粗细
3. 边距、间距
4. iCon示例、规范(风格、线条粗细等等)
5. 控件库(基本控件、按钮级别、按钮使用)
说得比较概括,每个产品的要求不同 ,规范也会有所不同。可以在网上搜索APP规范,会有不少规范文档可以参考。

UI界面创意图标要如何设计?

题中所指的创意图标是icon么?我的理解是页面中的icon,不知理解是否正确。
在icon设计上最重要的是功能理解,之后将功能转化为图形化的内容,icon要有较高的辨识度,方便用户在看到icon时就可快速理解该功能是用来做什么的。比如“银行卡”的icon,一般都会画一张卡片来表示。
就视觉风格而言,现阶段应用的App中,icon的表达类型可以分为下图几种:
1、扁平化面状icon;
2、2.5D立体型icon;
3、线性icon。
当然还有其他风格的icon,但基本是在这3种情况下延展而来的。
就icon而言,最重要的是要符合页面风格,也就是说,所有的icon风格都需要统一(支付宝的icon我记得以前应该是扁平化面状icon,但目前貌似有部分改动,应该还在迭代中,所以目前风格不是很统一)。
最后推荐一个网站:
iconfont(百度搜索阿里图库就可以找到,logo是一个小骷髅),里面有很多icon,微博账号可直接登录,可以下载svg格式的文件。

在网上看过很多设计师的图标制作过程,基本都是偏向技法的介绍.其实在图标设计过程中除了技法之外最重要的就是图标创意了,但这方面的系统介绍网上倒是很少.借这次实际的界面设计项目,来分享下我自己对界面图标制作创意阶段的方法的理解.并以丰富的图例来阐释自己的想法!以次作为图形界面设计师交流的引子!欢迎大家进来交流!
  这个过程比较长,自己只能分阶段的准备好,发上来!快毕业了事情很多,多多谅解!
  今天把部分草图放上来!创意说明后续准备。
  第一部分:图标创意阶段
  其实这个阶段之前还有个重要的步骤,就是创意准备。
  根据项目需求,确定图标的风格,这在界面设计过程中,有风格评测的方法来确定项目是走什么风格路线.这也是项目前期用户研究的内容,有潜力的公司会制定用户角色

好的作品,源自创造。而好的创作又需要注入灵魂,那么我个人认为,一个好的作品,可以用手绘去找一下灵感,毕竟机器是没有感情的。