课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 交互设计师如何快速做出精美的视觉作品
  • 交互设计师如何快速做出精美的视觉作品

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


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

        南昌达内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人才培养示范机构奖”

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56