以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
龙虎大战坐庄推荐 您进入文章源龙虎大战坐庄地址 阅读和发布评论:http://www.aliued.cn/2012......n-design.html

登录图的趣味设计

作者:山木  |   发布: (编辑)kent.zhu   |   时间:2012-12-25 09:20:43 文字大小:- +

阿里巴巴登录页面左侧一直都会有个banner,这个图片因为位置、环境的特殊性,跟龙虎大战坐庄龙虎大战坐庄我 们 平常做的龙虎大战坐庄首页 banner的设计思路会有所不同。龙虎大战坐庄首页 banner更注重的是信息传达,登录左侧的这个banner偏重情感化设计,情感化设计除了节日、事件的氛围之后,还有就是趣味性。

趣味设计是一个比较大的概念,在这里龙虎大战坐庄我 狭隘的把趣味设计分成两个部分来介绍,1.主体元素的创意;2.背景元素的处理。每次在做这个banner的时候,都非常的纠结,当然最纠结的地方就是创意,虽然创意是给非常主观的东西,但是龙虎大战坐庄龙虎大战坐庄我 们 还是可以通过对一些元素处理找到创意点。

A.线描——来自现实场景,超越现实场景的表现力

线描的方式是龙虎大战坐庄我 比较常用的形式,这种形式相对简单,很容易上手,效果也比较有张力。先找一个相对合适的场景,对着现实的场景勾出想要的线条,再对线条进行粗细、颜色的调整。举个例子如下:

1.如果龙虎大战坐庄龙虎大战坐庄我 们 需要一个仓库的线描场景,龙虎大战坐庄龙虎大战坐庄我 们 先找到一个满足龙虎大战坐庄龙虎大战坐庄我 们 需求的仓库场景,对场景进行线描绘制。

线描场景

2.画出线描后根据背景色的主色调对线条进行粗细及颜色调整。然后再添加一些实物做一下对比。

线描场景

3.同样的龙虎大战坐庄方法 ,绘制其他与之相关的元素,组合到一起,最终效果如下:

线描成功稿

B.夸张——原本是1,表现为3,让1+1>2

夸张的手法龙虎大战坐庄龙虎大战坐庄我 们 见的非常多,以现实实物为蓝本,用夸张的手法来表现实物,使之更具表现力。以此来吸引用户的目光。下面例子为冬季采购的banner设计。

1.跟线描一样,找一个类似龙虎大战坐庄龙虎大战坐庄我 们 可以用的场景图片,用卡通的形式绘制货车,对局部细节进行适当的夸张,贴近自己想要的感觉。

夸张1

2.有了这个基本元素之后,把货车的层高加至3层,夸张龙虎大战坐庄龙虎大战坐庄我 们 平常印象中的货车,增加货车表现力。

夸张手法2

3.一层的货车被夸张绘制成三层之后,增加了货车的表现力,同时增加了货车的趣味性。后面只需要添加一些辅助性的元素,加强主题所需的氛围即可,最终效果如下。

夸张效果图

C.重构——对现实的实物进行重组,再设计

重构在工业设计中用的比较多,这种设计龙虎大战坐庄方法 尤其能体现趣味性,本来不相干的几个事物,通过重构再设计,组合在一起的时候,会给人眼前一亮的感觉。

1.灯泡和建筑都是龙虎大战坐庄龙虎大战坐庄我 们 龙虎大战坐庄生活中比较常见的事物,二者组合到一起的画面不是很常见,当龙虎大战坐庄龙虎大战坐庄我 们 想到这两个元素的时候,通过重构、正负形等设计手法,让他们联系到一起。

重组素材

2.主体形状有了之后,灯丝是龙虎大战坐庄龙虎大战坐庄我 们 设计最好发挥的地方,把主题文案与灯丝相结合。

重组过程

3.通过对灯泡形状、灯丝和建筑三者的重构再设计,让三者融合在一个画面里面,改变了一般灯泡的感觉,增加了灯泡的趣味性。

重构效果

 

画面的主体元素确立后,背景的处理相对就简单些,背景处理大部分是通过笔刷、色块堆积、不规则形状、羽化、水粉等手法进行处理。处理方式大家各有各的龙虎大战坐庄方法 ,这里给大家展示一些背景处理的案例。

笔刷效果

色块堆积

不规则形状

羽化效果

水粉

设计理论和设计龙虎大战坐庄方法 肯定非常的多,这里只是介绍几种,希望大家能再补充。欢迎大家随时拍砖。

龙虎大战坐庄更多

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队龙虎大战坐庄成员 JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队龙虎大战坐庄成员 周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队龙虎大战坐庄成员 Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队龙虎大战坐庄成员 Angela译,定价25元
从卓越网购买 从当当网购买