视觉设计是为了更好的表达信息

在日常工作中,我们经常会遇到一些设计的很”漂亮”的图片不被用户认可,点击率很低,这时候我们会暗地里抱怨,可却没明白问题究竟出在哪?

网页设计与平面设计究竟有啥区别,我们主观的为页面添加元素的时候是否有章可循,博主以前曾是一名视觉设计菜鸟(现在也是),以自己的切身体会谈谈在Web页面设计中的一些体会。

下面我们先看一个专题的banner:

第一眼看上去,画面感好像还行,但细看后会发现整个画面没有一个视觉中心,这张图片究竟想表达什么也没有说清楚,看看上面的元素:女人,模特架,灯光,展厅,衣服。好像表达了很多,其实除了设计师本人知道这是衣服与配件专题的banner,其他人都一头雾水。

那我们再看看同样主题的banner:

画面中心的”fashion apparel”告诉我们是卖时尚衣物的,图片元素还告诉我们,这里卖衣服配饰,鞋,内衣,泳帽等等。这个banner不仅表达了衣服与配件的主题,还直接告诉了我们种类的齐全。

通过这个例子我们会渐渐明白视觉设计的目的:视觉设计的本质是为了更好的传达信息。

传达信息的表现形式:

那么究竟怎样才能通过设计把需求信息出色的表达出来,这里面学问很多,我就谈一谈自己的理解:

1.产品风格 在做设计之前,我们先要搞清楚服务的对象是谁,每个人群的认知度不同,设计风格也要根据人群的认知度而调整,说简单点就是要先根据目标人群确定设计风格。

下面我们再看看一组banner:

两者的区别在于字体发生了变化,但传达出的产品气质却大相径庭。”领动”是一个商务产品,但这个 banner的字体显然不能表达商务人士干净利索的做事风格,对产品的信任感自然就会降低,信任感缺失,表达的文案也就没有了任何意义。

所以,设计的风格要去迎合访问者的喜好。打个比方,粉色肯定不能用在军事网站,红色也不能作为医疗网站的主色调 。&">nbsp;产品的视觉气质就是一种信息的表达。

2.还原物件真实感

什么叫物件真实感?我们先看下面的图片

上图是iBooks的界面。美观的内容形式,富有真实感,利用熟悉的木质书架UI使用户感到在体验上的自然。

产品的界面是访客熟悉了解产品的主要途径,当产品的界面接近真实世界时,用户的学习成本越低,产品的易用性就会提高。再看一组太阳能主题banner:

对比两个banner,抛开一些细节的推敲,第二张图片传达的信息明显比第一张要通俗易懂,设计师不能够主观的代表用户的审美认知能力,还原物件的真实情感,呈现最真实的产品图片,是一种很直接的信息表达方法。

3.统一规范

设计没有一个硬性的评价标准,正是因为这样设计才会显得精彩纷呈。但产品用户界面的设计不能等同于海报招贴的设计,在追求差异化和表现力的同时,我们要以传达信息为主要目标,以提高产品的易用性为前提。

我个人觉得一个出色的设计并不是让人眼前一亮的感觉,而是让用户有种进自家房间的熟悉感和归属感,面对信息量大的互联网页面,10243.html">视觉设计师的职责就是让用户以最快捷的方式找到需要的信息。

互联网发展至今,大多数用户有自己的定向思维的使用习惯,如何才能将用户界面的设计符合用户的喜好,就需要去符合主流的视觉规范或者制定一个视觉规范。下面看几个视觉规范的例子: ①元素的统一

②布局的统一

上图是www.Made-in-China.com的登录注册口,,这块区域的可点击区域太多,为了保证页面的简洁的视觉效果,Button并没有保持统一,但是登陆口,注册、找回密码,指南都在同一区域内,这是一种行业规范的统一,大都数用户都会意识到注册入口在登陆口的附近,所以注册口没有做成Button而只是做了一个简单链接。

源地址:http://www.54xiaomeng.com/?p=66

时间: 2024-08-02 06:01:25

视觉设计是为了更好的表达信息的相关文章

视觉设计如何表达信息

在日常工作中,我们经常会遇到一些设计的很"漂亮"的图片不被用户认可,点击率很低,这时候我们会暗地里抱怨,可却没明白问题究竟出在哪? 网页设计与平面设计究竟有啥区别,我们主观的为页面添加元素的时候是否有章可循,博主以前曾是一名视觉设计菜鸟(现在也是),以自己的切身体会谈谈在Web页面设计中的一些体会. 下面我们先看一个专题的banner: 第一眼看上去,画面感好像还行,但细看后会发现整个画面没有一个视觉中心,这张图片究竟想表达什么也没有说清楚,看看上面的元素:女人,模特架,灯光,展厅,衣

视觉设计是为了表达信息

在日常工作中,我们经常会遇到一些设计的很"漂亮"的图片不被用户认可,点击率很低,这时候我们会暗地里抱怨,可却没明白问题究竟出在哪? 网页设计与平面设计究竟有啥区别,我们主观的为页面添加元素的时候是否有章可循,博主以前曾是一名视觉设计菜鸟,以自己的切身体会谈谈在Web页面设计中的一些体会. 下面我们先看一个专题的banner: 第一眼看上去,画面感好像还行,但细看后会发现整个画面没有一个视觉中心,这张图片究竟想表达什么也没有说清楚,看看上面的元素:女人,模特架,灯光,展厅,衣服.好像表达

Web2.0网页设计趋势:为表达信息而设计

自从web2.0之后,网页设计开始走向实用设计的阶段,越来越多的设计师注意到"为表达信息而设计". 着迷于前段时间黑白灰老师给大家介绍的"infographic"这里为感兴趣的同学推荐一些有用资源."infographic"由最初的概念变成一个新的专有名词,越来越多的专家研究并推崇这种令复杂信息更容易理解的设计手段.一部分可视化设计聚焦在传达精确的数据及统计信息,另一部分则聚焦在传达抽象的概念上. 很可惜"infographic&quo

谷歌推波斯语翻译工具有助于伊朗人更好地获取信息

周晶璐 关于伊朗大选的网络行动在继续. 搜索引擎巨头谷歌公司于昨日推出波斯语翻译工具,可将博客.新闻及文本信息等在波斯语与英语间自动转换:Facebook公司昨日表示,网上用户蜂拥拜访穆萨维的个人主页,致使用户很难登录Facebook主页. 提前推出产品 谷歌昨日宣布,波斯语现在成为其网站翻译服务的第42种语言. 谷歌翻译团队负责人弗朗兹·奥奇表示,鉴于近期伊朗发生的一系列事件,想到帮助人们获得和沟通信息的方法是"自然而然的事情".他说:"该工具将帮助在伊朗和不在伊朗的人更好

《抓住听众心理——演讲者要知道的100件事》一1.人更容易处理少量信息

1.人更容易处理少量信息 抓住听众心理--演讲者要知道的100件事本文仅用于学习和交流目的,不代表异步社区观点.非商业转载请注明作译者.出处,并保留本文的原始链接.

视觉设计:从裸眼3D到三维信息架构

文章描述:从裸眼3D到三维信息架构.   关于  Nintendo 3DS 今年 2月 25日Nintendo 3DS 正式发卖了!这对所有的小N 党来说都是一个振奋人心的消息~相信速度快的同学已经入手新主机了吧 @@ ! 3DS 的正式公开,伴随的是肉眼可直接观看3D 效果技术的公开,让我们可以抛弃3D 眼镜.而且,任天堂也创造了一个名叫做"3D 音量(3D Volume )"新控件.以下是Nintendo 官网对裸眼功能的一些解释: "Nintendo3DS 影像是用左右

金山毒霸密码专家,更好保护个人信息

在网络信息化高速发展的时代,个人信息安全受到网络上各方面的威胁,今天小编为大家介绍金山毒霸2012中的密码专家的使用方法,方便用户设置更安全的密码,避免自己的信息遭到泄露. 密码专家是金山毒霸2012在 "百宝箱"中最新增加的功能.它可以帮助网民将众多网站的账号和密码记录下来,防止遗忘.为了防止个人信息外泄,这些账号和密码均经过了专业加密,且只有知道访问密码的用户才可以查看.这些信息只存储在本地电脑中,不会上传,拥有极高的安全性.下面就让我们来体验下吧.下载最新版的金山毒霸2012,点

di - 比 df 更有用的磁盘信息工具

如果你是个Linux命令行用户,你肯定会使用df命令检查文件系统的磁盘使用情况.尽管df是一个受欢迎的命令,但仍然不能提供一些高级的功能,如一个用户实际的磁盘可用空间,以及各种有用的显示格式等.还有另一个命令行实用工具可用,不仅提供了这些高级功能也提供了df的所有特性.在本文中,我们将讨论磁盘信息工具 -- di 注释 - 如果你想了解 df 更多信息, 查看 df命令教程. di - 磁盘信息工具 从这个di帮助手册页很明显的发现 di 提供了一些很有价值的特性,值得一试.让我们看一些这个工具

大数据时代更应保护个人信息

你是不是已习惯接到各类推销电话.是不是已对电子邮箱的广告熟视无睹.是不是无时无刻不在担心自己的财务信息安全?在大数据时代,个人信息被泄露和倒卖越发猖獗,以至于当人大代表杨震提出尽早启动个人信息保护法立法的建议时,引发了舆论的共鸣. 有人说,互联网时代即将过去,物联网时代即将到来,但不论最后到来的是什么,大数据时代的商业销售模式都必须建立在对个人信息灵活.多样的使用之上.现代企业管理按照统计学原则对消费者信息进行整理和归档,以此确保产品投放更加精准,从而节省推销成本.聚沙成塔的盈利模式之所以能够成