UI的知识全框架

  • 经验类型教程
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
3594 1 34 2019-02-11

UI的知识构架梳理。

大家好,我是凌度_Lee,大白话讲UI设计狮!

2019年,我会把一些自己理解到的UI知识,用笔记的方式记录下来,既可以分享给大家,我自己也希望自己时时刻刻再学习,再回忆,随着知识的增长越来完善,所以一下文章都是自我的学习和理解,如有不足,请各位给予意见,一起进步学习。


今日主题:

今日主要分享的是UI知识框架,把UI的设计知识进行了罗列梳理,也顺势整理了我将要分享的《设计笔记》的内容。


文章的思维导图:

Image title

UI的演变认知:

UI的知识在整个设计的体系里面算是比较复杂的,现在市场对于全链路设计师的需求日益增加,使整个行业从初期线框填色的时代变成了前分析、中设计、后数据检测的时代,虽然整个知识的增加量是多维度空间的增加,但是同时也让设计师更好的更有兴趣的去探索这个行业,让自己的设计更有说服力,不再是孤芳自赏的设计师,作为设计师,是一个服务社会需求的团体,对于职业的功能指向是“用户为主”(悄悄说,除去平日的设计需求,我们也可以去发散大脑,去做一些,设计师自己喜欢的设计!一些设计师之间的设计!)但是在工作中我们要实时想着我们的用户群体,也很感谢,现在行业中的人开始对整个UI设计开始在做一些系统划的整理,这个行业犹如一个社会行业,在大学中几乎鲜有的学到,但在互联网的行业中却是不可或缺的工作岗位。UI的全链路进阶之路是必然的趋势。


UI的知识学习框架梳理


设计工作流程:

需求分析完善转化——需求评审——交互原型设计——review——视觉设计解决方案——review——设计验证

Image title


设计前中后:

UI的知识内容可以用“设计前中后”的概念来罗列:

1、前期用理论方法得知需求分析的晚上和转化

2、中期的交互原型设计到视觉设计的review到产出

3、还有后期设计后的验证


《设计笔记》分享内容:

其中运用到了大量的理论知识,设计规范和验证方法,在接下来的《设计笔记》中,我会按照理论知识先分享,然后“设计前中后”的顺序来把理论知识和内容穿插出来,

1、先30%理论知识分享

2、50%设计前中后+理论知识的穿插内容

3、10%后期慢慢增加完善的理论知识

Image title


UI知识分享内容:


理论知识内容:

7±2法则、泰思勒定律、Kano模型、强光测试、5wh产品分析法、用户画像......


设计前中后的内容:


设计前(需求分析):

产品策略、原型交互、视觉表现


设计中(精细度提升):

页面设计:首页设计、详情页面、个人页面、活动页面、各种二级页面......

零件设计拆分:feed流、图片设计、icon 设计......

运营插画设计:插画设计排版、多种插画设计风格、插画设计技巧......

交互设计:交互设计的方法、逻辑、动效技巧......


设计前(需求分析):

视觉可用性、任务测试、数据验证、UI走查


大白话举例分析:

举个栗子:

一个阿姨想要在春节的时候买点水果赚点钱,那她想要把自己的水果销售好酒需要这样的流程:

1、了解当地人春节的时候喜欢买什么样的水果;

了解水果的的自身市场行情,什么销售好、什么利润高、水果春节时节储存时间;

还有一点比较重要:在什么摊位水果销售高。(这就是设计前要注意的设计需求)

2、销售水果的技巧,摊位的布置、摆放、售卖的方式、有啥新颖的方式能更多的吸 引客户(设计中)

3、第一天卖完以后,要想总结第一天卖的情况,各种品种的销售结果,决定影响下一批水果的购货量,对于第一天的销售是否满意,不满意要进行怎样的调整。(设计后的数据等分析)


结尾奔告:

在接下的内容分享中,我会把一些理论和设计内容穿插分享,大家有需求的可以关注我,我会持续更新设计日记,和大家一起在行业中成长。

在首页中:

蓝色系列是理论方法分享,黄色的是设计实操的内容,红色系的运营插画设计、绿色是交互和设计后的内容。Image title

Image title




全部评论:1

  • 玉子烧

    2019-06-24 11:34

    理论知识内容: 7±2法则、泰思勒定律、Kano模型、强光测试、5wh产品分析法、用户画像......为啥没有细讲???

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票