经由过程配色展示产物定位

偶然会听到产物司理和交互设计埋怨,视觉设计稿和最初规划分歧太年夜,我自己也碰着过近似状况。究其原因,年夜多仍是沟通中呈现了问题。
有用沟通,信息的对等是很主要的。这个对等,既搜罗让视觉设计尽早体味产物需求,获得与其他人员对等的信息;也搜罗交流双方常识规模的对等,彼此多体味对方规模内容,才能更好地沟通。
对于交互设计师来说,视觉设计是合作最多的一环,交互原型终归要以视觉的形式呈此刻用户面前。是以,懂些视觉设计,更易于将交互方案传递给用户。同时,交互设计作为多学科交汇的职位,懂些视觉更是自己能力的提高。诸葛亮有句话说的好,什么都略懂一点,糊口会多彩一些。
切入正题,一一贯列位介绍一些视觉原则,为了更好理解,我都举微博的例子。
经由过程字体表达产物气概
视觉设计中,字体的选择对于产物气概的默示是浸染较着的,统一段文字,用分歧字体写出,感受确实千差万别。
微博中最常用的发布框,上方“有什么新奇事想告诉巨匠”采用了华康娃娃体,浮现出微博随时随地发布,很轻松的产物感受。如不美观把字体换成“华文新魏体”和“微软雅黑体”,不是感受像人平易近网,就是完全没有气概,体验就差多了。

勋章馆首页这段煽情的文字经由过程手写体(FZJingLeiS-R-GB),以日志的形式,表达出勋章记实糊口、记实成长的产物感受,若换成一般字体,感受也就没了。

经由过程配色来展示产物定位,也是设计师必用的体例。视觉设计前期调研阶段,经常经由过程情感版提炼适合方针用户的颜色,形成一整套的配色方案。
紫色,关头词:优雅、高尚、女性、持重、神圣、成熟、深度、神秘、时尚。微音乐作为音乐首发平台的定位,紫色加倍彰显时尚魅力。

红色,关头词:艺术、强烈热闹、开放、激情、积极、活力、喜庆、生命、成熟。微直播要浮现直播的盛况,布满激情的红色就很是适合。

蓝色,关头词:理智、知性、合理、商务、科技、严酷、详尽、严谨、公式化。投票的合理性,以及微数据的理性、严谨,注定产物要以蓝色为主色调。
橙色,关头词:阳光、辉煌、勾当、暖和、记忆、家庭、健康、欢愉。微勾当的介入感、风云榜的辉煌,当然也少不了橙色调的陪衬。

绿色,关头词:成长、朴质、公益、生命、平安、新奇、和平、春天、年夜自然。微博达人是面向草根用户的一款产物,他们经由过程在微博上的行为,一点点成为某个规模的草根明星,绿色的配色很合适这种成长的感受,微公益就不多说了,必定绿色最适合啦。

营造统一的品牌形象
品牌形象是一个很年夜规领域,具体到某个微博产物的品牌感,更多的仍是经由过程视觉形象来传达。这就需要视觉设计师拟定一套系统的视觉系统,让用户看一眼,就能清楚地识别。
群的品级,用星球上的树木来浮现,品级越高,树木越强大。
微群的品牌形象很受巨匠认可,项目规划时,但愿能默示人与群、人与人的关系,以及群的归属感。视觉设计师采用了星球、飞船和人的视觉元素,讲述了“每个群都是一个星球,巨匠有着配合快乐喜爱”的故事。整个网站以深蓝为主色调,营造星空的感受,当用户看到了这种配色和元素,就知道自己来到了微群的页面。

内测时启动了这套系统,飞船上的人发现了适合自己的星球,马上就要下降了。

新手指导中,也巧妙地将这种元素融入进来,既形象,又增强了品牌感。


辅佐页、小我页、发布页等等… 就纷歧一介绍了,总之巨匠自己不雅察看,就会发现微群处处都有浮现。
造型让产物更有冲击力
视觉设计中,磕张的造型对用户的冲击力很是年夜,很轻易一下抓住用户,这种设计常呈此刻专题页面和个性皮肤中。
《带着微博去旅行》这个专题,设计师在头图设计赌暌姑了斜线措置,就连部门按键也是倾斜的,这就和下面规整的模块形成了对比。我们交互设计的原型稿,结构上往往是横平竖直的,有时视觉默示上打破这种轨则,会起到绝佳的效不美观。
推荐阅读
昨日,蒲江招大引强战略再创佳绩,14个投资总额逾50亿元的重大产业化项目签约落户蒲江。此次签约包括国际、国内两家世界500强企业,以德国博世集团电动工具为代表的现代生态工业项目;以联想集团猕猴桃种植示范园为代>>>详细阅读
本文标题:<b>网站用户体验:做交互应该知道的视觉几件事</b>
地址:http://www.lgo100.com/a/22/20120615/68325.html

网友点评
精彩导读
科技快报
品牌展示