加载中 ...
首页 > 运营 > 交互 > 正文

视觉设计是为了表达信息

2019-05-07 19:04:55 来源:

在平常工作中,我们常常会碰到一些设计的很”标致”的图片不被用户承认,点击率很低,这时候候我们会背后埋怨,可却没大白题目事实出在哪?

网页设计与平面设计事实有啥区分,我们主不雅的为页面添加元素的时辰是不是有章可循,博主之前曾是一位视觉设计菜鸟,以本身的亲身体味谈谈在Web页面设计中的一些体味。

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

第一眼看上去,画面感仿佛还行,但细看后会发现全部画面没有一个视觉中间,这张图片事实想表达甚么也没有说清晰,看看上面的元素:女人,模特架,灯光,展厅,衣服。仿佛表达了良多,实在除设计师本人知道这是衣服与配件专题的banner,其他人都一头雾水。

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

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

经由过程这个例子我们会垂垂大白视觉设计的目标:视觉设计的素质是为了更好的转达信息。

转达信息的表示情势:

那末事实如何才能经由过程设计把需求信息超卓的表达出来,这里面学问良多,我就谈一谈本身的理解:

1.产物气概

在做设计之前,我们先要弄清晰办事的对象是谁,每一个人群的认知度分歧,设计气概也要按照人群的认知度而调剂,说简单点就是要先按照方针人群肯定设计气概。

下面我们再看看一组banner:

二者的区分在于字体产生了转变,但转达出的产物气质却年夜相径庭。”领动”是一个商务产物,但这个 banner的字体明显不克不及表达商务人士清洁利索的干事气概,对产物的信赖感天然就会下降,信赖感缺掉,表达的案牍也就没有了任何意义。

所以,设计的气概要去逢迎拜候者的爱好。打个例如,粉色必定不克不及用在军事网站,红色也不克不及作为医疗网站的主色调 。 产物的视觉气质就是一种信息的表达。

2.还原物件真实感

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

上图是iBooks的界面。美不雅的内容情势,富有真实感,操纵熟习的木质书架UI利用户感应在体验上的天然。

产物的界面是访客熟习领会产物的首要路子,当产物的界面接近真实世界时,用户的进修本钱越低,产物的易用性就会进步。再看一组太阳能主题banner:

对照两个banner,抛开一些细节的斟酌,第二张图片转达的信息较着比第一张要通俗易懂,设计师不克不及够主不雅的代表用户的审美认知能力,还原物件的真实感情,显现最真实的产物图片,是一种很直接的信息表达方式。

3.同一规范

设计没有一个硬性的评价尺度,恰是由于如许设计才会显得出色纷呈。但产物用户界面的设计不克不及同等于海报招贴的设计,在寻求差别化和表示力的同时,我们要以转达信息为首要方针,以进步产物的易用性为条件。

我小我感觉一个超卓的设计其实不是让人面前一亮的感受,而是让用户有种进自家房间的熟习感和归属感,面临信息量年夜的互联网页面,视觉设计师的职责就是让用户以最快捷的体例找到需要的信息。

互联网成长至今,年夜大都用户有本身的定向思惟的利用习惯,若何才能将用户界面的设计合适用户的爱好,就需要去合适主流的视觉规范或拟定一个视觉规范。下面看几个视觉规范的例子:

①元素的同一

②结构的同一

上图是的登录注册口,,这块区域的可点击区域太多,为了包管页面的简练的视觉结果,Button并没有连结同一,可是登岸口,注册、找回暗码,指南都在统一区域内,这是一种行业规范的同一,年夜都数用户城市意想到注册进口在登岸口的四周,所以注册口没有做成Button而只是做了一个简单链接。

总结:上面的内容都是我到核心设计部这个新情况的体味与感触,这些多是年夜家熟习到疏忽的常识点,我但愿这些内容可以或许帮忙今后像我一样的新同事,少点苍茫,建立一个准确的设计价值不雅。

文章来历:小猛的交互设计

“广域创业网”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服邮箱,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。