南昌UI培训
达内南昌中心

0571-56020837

热门课程

交互设计师如何快速做出精美的视觉作品

  • 时间:2016-01-20
  • 发布:南昌UI培训
  • 来源:优设网


    当交互设计师在一个项目中需要承担起视觉设计的工作时,要怎么办呢?毕竟视觉设计的思维不像开发知识,或者版面设计中那些对齐理论,短时间就能搞定。

    南昌达内UI设计培训专家就来讲解一下如何在短时间内做出一个优秀的视觉设计作品。

    一、界面背景

    页面设计,一般首先从背景开始 。

    1.1 大图

    最简单粗暴的做法是大图配大字。这种背景一般会给人「精致」、「逼格」的印象。一般可以直接用小景深微距的照片,也就是图片大部分都是模糊的。另一种可以直接在任意大图上面加一层透明遮罩。

    然后大字方面,很多人说大图配大字,要英文字比较好看,中文的表现就很一般。其实不是的。类似Helvetica和微软雅黑这种系统字体,表现力确实比较一般,但是大家可以试试无衬线字+圆角类型的字体,比如圆体,效果还是不错的。

    1.2 白色+品牌色

    大图+大字这个套路如果用于整个页面,用户在浏览的过程中可能会审美疲劳,而且页面结构略显单调。那么,这里就可以在大图与大图之间,用「白色+品牌色」这样的背景来增加页面的多样性。

    1.3 纯色背景

    用纯色做背景,也是目前比较多见的一种方式。比如一个首页有4~5屏,每一屏都用一个纯色做背景,这种模式就更加简单了。

    达内UI设计培训专家提示,由于一整个大色块作为背景,人的视野都被一个颜色覆盖,所以明暗度要调整好,太亮或太暗都不好。

    二、页面装饰元素

    背景作为一个地基打好之后,接着就是往页面堆元素了。一般包括文案和其它元素。其它元素包括icon、色块、线条、图片等设计元素,一是帮助用户更好地理解文字内容,二来增强视觉表现力。

    2.1 icon

    增加视觉表现力,当然是少不了icon。你可以试试用icon把信息分条、分块展示。

    2.2 颜色色块

    跟icon差不多,但是可以用地更灵活一些。

    2.3 线条

    线条最常用的场景是分离两个信息块。但是除此之外,还有其他用法:

    1)起到联系信息块的作用

    2)然后还可以强调或者突出Title

    3)甚至,一条简单的线条,也可以很美

    2.4 图片

    真实的图片跟背景融合,也是一种不错的表现力 !

    三、点缀和动效

    以一般交互设计师的思维,最后做出的成品,信息架构分明,排版合理,色彩搭配合理,也难免会做的像简报一样!最有可能的原因,可能是因为少了Banner!

    除了banner以外,可以用交互动效来做点缀。

    总结:

    南昌达内ui设计培训专家认为,交互设计和视觉设计原本就是有所交叉的,颜色搭配、AI PS这些最好也学一下,学无止境。





原文链接:http://www.uisdc.com/interaction-designer-visual-design
上一篇:8个顶尖的英文字体免费下载网站
下一篇:达内荣获“2015年度中国IT人才培养示范机构奖”

795万高校毕业生创历史新高,2017届毕业生就业近况几何?

达内Linux学员毕业2周就业率96%,最高薪资10000元

达内教育总裁韩少云受邀出席GIE国际教育峰会做主题演讲

达内教育集团总裁韩少云:回归本质, 打铁还需自身硬

选择城市和中心
贵州省

广西省

海南省