第一章 UI设计概述
第一节 什么是UI设计
从三个角度理解什么是UI设计:
①开发流程——UI设计负责表现层的设计,其输出的文档为具体的界面视觉稿。
战略层(老板)→战术层(产品经理)→结构层(交互设计师)→表现层(UI设计师)→技术层(开发工程师)
②设计目的——商业价值最大化。
③技术属性——UI设计是科学与艺术结合的综合技能。
第二节 UI设计的日常工作
日常工作:风格定位,产品迭代,BANNER,专题活动。
风格定位\ /a.扎实的界面和画ICON的功底。
UI设计师— b.熟练的用户体验设计能力。
产品迭代/ \ c.很强的品牌设计和产品意识。
BANNER\ /a.讲究表现的美感,需要设计师对板式设计和配色有很强的创造
力和掌控能力。
推广设计师—b.还需掌握一定的字体和插图的创作能力。
专题活动/ \c.讲究是不是对市场营销有更深的了解。
①风格定位:分析并设计出用户对该产品期望的产品质感,设计一套有利于竞争的视觉形象。
视觉线索→决策(直接影响),UI设计可以直接影响用户决策。
做好风格定位的两个关键点:
a.抓准方向:洞悉产品本质,推导出埋藏在用户内心里最根本的愿望。
b.极致技术:注意细节,多观察优秀作品。
风格定位的设计流程:
分析→创作→筛选→规范→制作(其中分析包括产品属性,目标用户,竞争产品。)
②产品迭代:不停地完善产品的过程。
产品的生命周期:诞生→成长→成熟→结束
③BANNER:挂在网页上的横幅广告,用来宣传产品或者活动。
④专题活动:以某个主题来包装一些网络活动,来达到某种商业效果,通常是为了促销产品或者拉新盘活用户。
第三节 UI设计的成长路径
PS设计:李涛《PS高手之路》
PS技术→临摹ICON,界面→丰富设计理论→累积经验,作品
临摹:第一层,直接印,锻炼参数设置。
第二层,不印排版,锻炼布局手感。
第三层,不吸颜色,锻炼配色能力。
对比:字体,配色,间距,质感,大小,对比度等。
阴影锐利化:首先,在边界的地方画一条非常深色的描边,注意这条线不要是纯灰色,必须要带点环境的颜色。然后,加一个非常浅的投影。
第四节 UI设计的必备习惯
1、储备素材,建立素材库
收藏的来源:
①专业网站:花瓣、Dribbble、站酷等
②专业相关:书籍、艺术展
③生活:马路上、看豆瓣、看新闻
收藏的条件:至少要有一个学习点(比如配色、字体、排版好)
/欢迎页
/UI、APP—主界面
\ICON
\动效
/字体设计
交互 /活动
文案 — 思维导图 — 配色
摄影 \BANNER
\印刷品
\WEB产品
2、设计思考:要求我们在日常的生活当中也时刻保持着对设计的探索。
3、了解行业:了解互联网行业的动态。
推荐网站:UI中国、Dribbble、站酷、Behance、花瓣、36氪、IT头条、知乎...
①关注设计行业,学到更多专业知识。
②关注IT行业,帮助开拓视野,从而从更高层面来指导设计。