UI设计笔记(一)

第一章  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行业,帮助开拓视野,从而从更高层面来指导设计。

你可能感兴趣的:(UI设计笔记(一))