广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机学校 > 惠州计算机学校 > 正文

作为UI设计达人必须要知道的技巧_惠州计算机UI设计培训学校

作者:黄君发布时间:2021-01-30分类:惠州计算机学校浏览:1015


导读:情感设计是很多产品成功的秘诀,它可以使得一些产品和其他产品有差异性,特别是在互联网这些产品设计差异化的今天,有很多功能类似的产品用户可以选择,但是用户为什么用你的产品?这不仅仅是功能本身,我们在情绪在里面起着巨大的作用,情绪很重要,它会影响我们的感知,决策以及记忆,我们记忆感知越好,感知也越大。

情感设计是很多产品成功的秘诀,它可以使得一些产品和其他产品有差异性,特别是在互联网这些产品设计差异化的今天,有很多功能类似的产品用户可以选择,但是用户为什么用你的产品?这不仅仅是功能本身,我们在情绪在里面起着巨大的作用,情绪很重要,它会影响我们的感知,决策以及记忆,我们记忆感知越好,感知也越大。

设计情绪

情绪理论上能把用户变为粉丝,粉丝会去传播他们喜欢的产品,这是苹果,谷歌,facebook这些公司的秘密武器,小米为什么可以成功离不开这些狂热粉丝的传播,这也是为什么很多公司模仿他们很难成功。

说到情绪设计,不得不说情绪板,这种方法已经在国外有一定的历史了,它诞生于上个世纪非资讯时代,通常参与者要求从日常报刊杂志挑选出符合“某种心情意境或关键词的”图片,把图片减下来,然后粘贴在一起!但是随着互联网时代来临,谷歌,百度各种图片出现!现在一个花瓣一个pinterest都可以成为一个情绪收藏的地方。

情绪板,换句简单话来说就是由图像,视频和其他视觉元素组成拼贴在一起想法和过程,主要目的是讲述项目背后的故事,以此作为设计方向形式上的参考,同时情绪版也可以在配色方案上,视觉风格,质量材质,作为设计指导,帮助设计师提供一些设计方向和指引。

怎么去做?

1.寻找关键词

这个关键词可以是公司战略定位,可以是产品的目标也可以是产品的特点,或者从用户那里得来的关键词,这个环节可以和设计师,产品一起去定义这些关键词,以之前双11为案例,战略关键词:新零售,全球化,节日狂欢 这是一级关键词,那么延伸下去,有哪些核心关键词。

2.衍生关键字

前面一级关键词可能更多从战略,大的方向思考的,我们还需要在这个基础上去进行,二级关键词的闹爆让我们能得出一些更精确的关键词。比如包容,鲜活,精彩等等!同时在这个关键词基础上我们能更加细化出一些情绪或者视觉表达的形容词,比如五彩缤纷,国际化,梦想等等.

最终确定设计灵感:Open, Beyond Imagination! 开启,超越想象的精彩!这就是我们表现上的灵感,用「Open」来构建情感上的共鸣。

3.图片搜索,提取情绪版

在我们确定好关键词后,我们需要通过网络渠道,dribble、pinterest、behance等等,去收集大量对应的素材图片来匹配关键词,比如关键词是:国际化,舒适,清新那么我们要基于关键词去寻找能代表这些气质的合适的图片。

4.视觉映射:图形分析

在第三步确定了关键词的一些感受图片,那么到了这一步,我们需要去对这些关键词进行视觉映射,也就是我们常说的,形,色,字,构,质!

那么在图形上我们是否可以运用一些几何线条强的,比较方正,圆形这种最简单几何图形来体现出国际化的品质。

5.视觉映射:色彩分析

色彩上,这种大面积马卡龙的配色撞色设计很符合舒适的感觉,这种渐变的交替很符合整个色彩的定位,我们是否可以映射到色彩体系里面。

6.视觉映射:字体分析

字体上中文我们需要一些比较方正,线条比较时尚的字体,比如方正兰亭黑,比较能符合前面关键词定义的杂志化,同时英文字体采用衬线体,如:Cinzel 和playfair作为英文字体,运用到平面设计上。

7.视觉映射:构成分析

构成上,板块层叠构成是一种新的设计方式,板块之间互相叠加,同时配合大的长投影层叠关系能很好的体现出层级关系,与想要的国际化是吻合的。

8.视觉映射:质感分析

在设计质感上,马卡龙的配色,和长投影的柔和配色,能很好的将时尚,舒适的情绪很好的表达出来。

那么一套情绪板就这么制作出来了,它包括我们这个产品对于用户的感受关键词是什么样的:国际化,舒适,杂志感!同时对应的视觉表达:形,色,字,构,质也很好的呈现出来了!

在做任何一个设计,无论品牌,还是网站还是APP,情绪板能帮助组织和我们个人理解设计的重要根据,情绪板的正确反馈以及和你的领导,用户提供了一个很好的价值主张的形式,确保我们的设计,我们的风格与用户能真正产生共鸣的关键元素。


点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。

 

本文内容转载自网络,版权归原作者所有,如有侵权请联系我们进行删除。


标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训


惠州计算机学校排行
标签列表
网站分类
文章归档
最近发表