# UI 设计基础概念
# 一、UI 的相关概念
# 1、UI 即 User Interface(用户界面)的简称。
用户界面指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面,我们通过对这个界面向手机发出指令,手机根据指令产生相应的反馈。设计这套界面是觉得人就称为 UI 设计师。在设计师领域,在 PC 端从事网页设计的人我们成为 WUI(Web User Interface)设计师或者网页设计师。在移动端从事移动设计的人,我们称为 GUI(Graphics User Interface)。一般情况下,小企业不会分那么清楚,都统一称呼 UI 设计师,反正产出的都是界面,都需要对产品的界面视觉负责。
# 2、UE 即 User Experience(用户体验)
UED 即 User Experience Design(用户体验设计) 用户体验指用户在使用产品过程中的个人主观感受,一般要关注用户使用前,使用过程中和使用后的整体感受,包括行为、情感和成就等各个方面。 到产品层面上,用户体验包含以下几点:
*产品性能:产品是否够快、是否稳定、是否占很多的系统资源等。
*产品内容:产品的内容是否可以为用户解决一定的问题,是否达到了用户需求,解决了用户的痒点。
*产品交互:交互是否流畅,用户是否能快速准确的找到自己想要的功能。
*产品界面:界面的风格是否统一、整齐、给用户带来高质量的感觉。
# 二、UI 的学习方法
# 1、图形基础
美术生基础课就是三门: 素描、速写、色彩
# 2、软件的应用
*Adobe Photoshop,简称“PS”,一款老牌像素处理软件,各个设计行业图形处理都会用到,可以满足 UI 界面设计的日常需要。
*Adobe illustrator,简称“AI”,是矢量软件,在处理一些复杂的图形路径时,可以考虑使用。一般在 AI 中绘制图标然后潜入 PS 中。
*Adobe After Effects,简称“AE”,现在扁平化设计成为主流,所以动效也就比较流行。
*Ps Play,是一个通过 Wi-Fi 网络,实时在终端设备上预览电脑上 Photoshop 的设计稿,可同步调试及截图保存到移动终端,并可以通过 Email、微信等工具即时分享的跨终端应用。
*MarkMan,是一款标注软件,在移动设计中设计师要对自己设计的图进行标注切图。
# 3、设计规范
一般设计的应用是基于 IOS 系统和 Android 系统运行。这两个系统都有其官方的系统规范,这些规范都罗列了详细的通用型设计框架。如各自系统状态栏、各个系统下的尺寸、导航栏和标签栏的高度是多少、手机屏上最适字号是多大等。这个后面会具体说啦。
# 4、临摹学习
现在有很多设计网站,要多利用业余时间去临摹。比如站酷、UI 中国、dribbble、behance 等等,设计这个东西每天都在发生着变化,你只有每天去看最新的设计师作品,才能跟上时代潮流,走上人生巅峰。
# 5、参与项目
经历一套完整的设计流程是最好的学习锻炼方式。从一开始的讨论原型图到出设计效果图,再到标注切图给开发者。效果图不断导出到手机上预览,核对电脑的设计稿和手机上预览的差距,你会从实践中不断提高。也可以通过假设的设计项目,也就是 Redesign(再设计),比现有比较火的 app 重新构造做设计稿,同时能把自己设计思路完整展现说明出来。