为什么说设计是网站的肢体语言?(转自csdn)

Designmodo网站上曾发表了一篇文章《Why is Design the Body Language of the Web?》,文中称,演讲者通过肢体语言可以使自己的表达更加充分,从而使听众更容易理解自己。设计者设计的网站就是互联网的肢体语言,好的网站可以使用户尽得他们所需。那设计者又该如何设计互联网的这一肢体语言呢?我们对该文进行了编译,读完本文,或许你就可以找到答案。

好的网页不仅仅是有一个好的外表,它还要将信息传达给用户,这可能要比起好看的外表重要得多。设计视觉信息包括文本内容,它们可使你想要传达信息更容易理解。考虑到这些,对于来访问你网站的人,你需要掌握链接的方法,除了知道他们想要什么,和他们正在找什么,你还要知道如何让他们更方便地找到这些需要的信息。不管我们的服务对象是网络达人还是网络文盲你都要找到一种方法去符合这两类人的搜索。

网页设计被比喻为网络的肢体语言,我对此观点非常赞同。一旦你掌握了不用言语,在进行交流的同时,也可以通过网络设计来传递信息,因此一个设计者不仅仅是一个拥有技术和创造力的人,他更是一个好的交流者。它能够传递出他的信息,让我们明白,但是网络确实是沟通的障碍。

肢体语言和网络设计——他们真的有共同之处吗?

我们之中的一些人非常擅长肢体语言,适当地表达和动作可以使你成一个好的交流者。即使一个字都没有说出来别人都可以明白你的意思,所以你需要去掌握你的声音,眼神交流和手势,来让别人理解。但是,如果我们把这种方法应用于电脑,让它来传递信息又会怎样呢?让我们来想象一下,我们生活状态逐渐变为上网状态,我们可以找到我们能够想到的任何信息。基于此,我们要找到合适的资源。

当我们畅游网络的时候,我们不能使用我们的肢体语言来交流,这就是我们为什么要找到其他的方法来交流的原因,这确实很巧妙。即使科学技术在我们的生活中扮演着重要的角色,但这并不意味着我们可以忽视人类最基本的本能。因此交流和肢体语言是其中一种,但我们如何把它们应用到网络上?

不幸的是,只有少数的一些网站能与“肢体语言”相结合,能够让我们理解。而其他那些充斥着各种各样的广告的网站则显得十分混乱,而且在困扰着我们。虽然, 他们中的一些看起来有完美的科技和技巧,但是他们却没有通过视觉和交流来清晰地表达。

最快速度传达你最重要的信息

网站首先是以用户为主。设计者需要了解用户在查找什么,因此要让用户使用方便。要想让用户使用方便我建议创建一个易于理解的导航。各种报刊杂志最重要的新闻信息应该用倒立的信息金字塔来显示。

这说明首先以最快的速度传递最重要的信息(这就是这个金字塔的底部),最终以一些额外的细节结束,不管有多少。这样可以何使交流变得成功,并且在我看来,每一个网站设计师都应该把这种方法考虑到设计之中。

使你的网站易于浏览,让用户通过直觉可以最快地找到最重要的信息,你的导航条应该设计的简单易用,而不是做得很花哨。即使它看上去很可爱,但有时也会成为用户的困扰。

眼神交流也是很重要的

肢体语言当中的眼神交流和手势是交流中很重要的一点。同样也适用于网站,这唯一的不同就是你要使用其他的工具来展现它们。努力把重点关注的信息集中,努力将你认为用户最需要的信息集中。比如说,你有一个网站适用于做外卖,这个菜单和电话号码是最重要的信息,要让客户最快找到他想要的。

并且不要强制将一些社会相知的媒体或者没用的广告强加给你的用户,因为这样很打扰人。试图用颜色按键或者其他不同的方法来凸显某一个板块的关注度。

需要集中关注什么

这一点是我综合以上最需要强调的一点,虽然关住用户所关注的信息很重要,但是不要强加于人。按照先后顺序排列同样很重要,对于我之前说过的工整网站设计决定什么是最重要的,和什么信息是你最先要传达的,而且关注他用上你所有能做到的方法(使用图片和媒体等等)。

肢体语言并不是经常被我们所注意到。它是我们自然而然的、下意识的表达,让我们试图理解别人要说的是什么。在网络设计的应用中也会出现很多同样的情况。例如,我们看到一个讲话者,由于他奇怪的动作,不能正确的理解他表达的意思。我们能确切的指出一个不好的设计,因为它不能给我们想要的东西,如果这个设计不能与需求一致,它传递出的信息是混乱,而这些确实不是我们想要的。

一般情况下,我们需要的不仅仅是语言上的交流。当肢体语言成为一种符号时会和网络设计是一样的。我们可能会有最好的内容在网站上,但是如果我们不能把它展示出来,并且被公共的交流,人们理解我们就是不可能的。(张祺/编译)

原文链接:designmodo.com

少些质感,多些板式,少些元素,多些氛围

 

【转载】

【我说】在我看来这篇文章对于我的帮助更多在于怎么形成一个页面的灵魂和氛围(尤其是客户给你参考页面的时候,并不是让你仿照着页面,而是他想要的是这个页面的氛围。这句话对于挺有震撼),虽然我现在对于倒数第三四小图,感觉两幅都挺有个性,不分上下,氛围都有掌握。不过也不能阻挡我对于这篇文章的分享。有的时候设计页面是因为见别人这么设计,或者在设计的时候就会考虑自己会不会切图,终于导致或多或少的有了局限。于是要斟酌。

 

少些质感,多些板式,转自腾讯TGideas

《ideas》是腾讯互动娱乐系统设计团队TGideas针对各类游戏的视觉包装设计所输出的适用性研究期刊,希望与大家分享相关经验,以及游戏类课题的交流。

本期作者:Ggao、Zaneye

 

1. 少些质感,多些版式

By Ggao

你是否有过,为越来越同质化的标题渐变,质感而苦恼吗?设计是否就是每天叠素材?随着越来越多平面韩国网页的出现,我们或许可以变个思路,少些质感,特效。多些设计感。

01.对于设计师

01-1 You can’t design without type

You can’t design without type. 这是我很喜欢的一句话,设计应该设计什么?当没有光效质感,原画素材的时候。你怎么能快速么处理你的页面,让你的页面看起来还不错。

来一些文字的穿插组合,就可以。

如图:

01-2. 网页设计与平面设计没有不可逾越的鸿沟

上面的几个例子,可能你感觉过于平面。日常商业应用里可能不适合,但他们的精髓是一样的,优点是能被分析与复制的。我们来看些这类风格的活动页面。主要讲究的也是平面的点线面组合。

主要表现在文字大小的组合,粗细的对比,与整体页面划分的形式感上。

02.对于产品

只是设计师的个人小情结?强调版式与设计感能为我们的产品带来些什么?

在充斥着金黄的大字渐变,火焰爆炸效果,红黄色背景的国内大环境下,这样强调页面版式与布局能带来些什么?

02-1 让你的产品看上去更专业,国际化

我们对于所有产品的形容词总是大气,上流。但真正做到这一点的并不多,特别是当二者同时出现的时候,你能更明显的看出那个更专业,哪个更山寨。

如图:2-1 与 图2-2

02-2 更明确的主体,与可控的视觉焦点

同样是以上两个例子。图2-1有明确的视觉中心,几乎每个玩家打开网页后,都会被长条广告吸引。相比之下图2-2就是一盘散沙,广告位再多,也不知道重点。

02-3 相比质感流能有更稳定的品质保证与更少的修改成本

版式在页面多数以块来体现,没有很多效果,修改文字后,页面效果也不会受其影响,修改时间也很快。质感流,素材流就需要重新制作,花费时间长。对于紧急修改,时间的不到保证的情况下,质量也很难得到保证。

当然每个产品定位可能不一样,不存在绝对的好与坏。我们给出的更多是面对中高端,稳定且快速的一种视觉包装解决方案。

——————————————————————————-

2. 专题的氛围是必须的

By Zaneye

曾几何时,自己苦思冥想自认为集艺术与创意于一体的作品出炉了,却被需求方一口否绝!其实很大的原因是因为我们的设计思路跟需求方的想法方向上是不一致的,没有表达出他们想要的意境,也就是所谓的活动气氛,人家要喜庆你搞个很有艺术感的大灰调,要么就是页面过于平淡,人家一再要求你放大标题字,放大人物,其实那是因为页面缺乏视觉冲击力,少了点气势,少了点氛围。有时可能你觉得自己做得非常不错,自我很欣赏,但做设计并不能像放屁,自己觉得很爽,却熏倒周围一大片。我们不能只做自己喜欢的设计,商业设计也不只是纯艺术!

> 对于需求方一再强调的活动气氛,设计师应该如何去营造呢?

1、有个明确的活动标题!

沟通是必须的,了解并明确需求方的意图!确定主题方向,首先你得有个让玩家一眼就看得明白的大大的主题,千万别干把主题文字做得很小的事!可能你觉得那样看起来比较美观,但玩家看的挺揪心。

如上图所示,标题的凸显是一个活动专题页面的点睛之笔,一个有气势的标题能衬起整个专题的气氛,主标题一般都简短精辟,概括了整个活动的专题商业诉求。副标题一般是起解释说明的作用,描述该活动的利益点。所以在视觉处理上标题是要重点刻画的,将其拆分做一些形状、色彩、大小、字体、质感、排版的变化和突破是必不可少的。玩家善于扫描,且勤于扫描,却不勤于思考,且对小于24号的文字都是视而不见的。所以一定要让大标题吸引注玩家,让玩家感兴趣,才会去看那些小于24号的文字。

2、选用合适的素材及元素,点缀活动气氛

节日要有节日的元素,比赛要有比赛的元素。圆形和其它几何图形比较,具有圆滑的特点,让人感觉轻松、愉悦,合理的运用会提高页面的层次,让焦点更加突出,增强视觉感的同时也能够营造活跃的氛围。但记得要使用加减法,不能乱堆一通,点到为止即可。

上面图1只是用了冠军杯作为主要元素去营造一种比赛气氛,素材并不新颖,但出来的效果却令人相当震撼。图2的素材是非常给力,所以营造的那种周年庆的气氛也十分犀利。玩家可能不用看文字就能明白这两个页面是干嘛的。毕竟图形比文字能更快速更有效的传达信息。

3、用合理的色调营造意境,设计有灵魂的作品

通俗点地说就是该喜庆的得喜庆,该火爆的还是得火爆,但这火候是掌在设计师手中的,当需求方给了个很山寨很暴力的页面给你参考时,你得明白,这是他想要的气氛,但不一定是他想要的画面,我们是设计师,不是美工,美工与设计师的区别其实跟裁缝与服装设计师的区别是一样一样的,这个你懂的。

何谓有灵魂的作品,请看下面几个作品:

非常简单的素材,却营造出了扣人心弦的气氛,就像画面里有个故事,有个影像,让玩家如同身临其境,陷入其中,完全抓住了玩家的眼球。其实这些作品无非是找到适合的元素,辅以合理统一的色调,运用眩光/实体/手绘/虚幻空间/平面构成等表现手法给玩家设计一个完美的陷阱,套住他们的心。

> 营造专题活动气氛并不只是“火/爆/热”

这种过火过爆过热的专题活动,不仅会让玩家感到不适,还会使游戏的品牌形象受损。

下面我们看一组对比:

通过对比,左边的专题页面总让人感觉少了些什么。那便是气势和气氛。

也许有点气氛却总让人想起街边小广告,简陋,设计缺少一些思考,缺少一些灵魂,像是拼图式的设计。气氛并不是你堆一堆东西上去就叫有气氛的,抛开可用性、易用性、识别性、安全性等不管,单是美观上就有些欠佳。游戏专题/线上活动可以说是游戏品牌推广最常见的手段,如何去了解并掌握用户心理,继而设计出紧扣玩家心弦的专题,即是我们一直在追求的。

设计师的十条准则或者称之为妥协

1. Never engage in an argument or oppose the person who holds your cheque; he/she is probably more concerned about the outcome of your design than yourself.
永不与付款给你的人争论或对抗,他/她们肯定比你更关心设计后的结果。

2. Things are not design oriented; your design will first and foremost be used to deliver a message to the market for your client, before it is an item of personal artistic expression.
作品并非设计主导的,在为艺术家表达自己之前,你的设计首先及主要为你的客户用于传递一个市场信息。

3. Communicate patiently with your clients. Remember, they are not designers, so use their language to get your idea across.
要有耐性和你的客户沟通。紧记他们并非设计师,故须用他们的语言来阐述你的观点。

4. I believe there is meaning and a story behind your designs and works, but if you don’t put effort into telling me, how will I fully understand?
我相信每个你的设计和作品背后都有一个意思和故事,但你不用心去说明,我又如何可完全明白呢?

5. Respect the deadline; meeting it improves your credibility and will impact your career development.
尊重期限时间,做到将可改善你的可信任度和增进你的事业发展。

6. People prefer to talk to someone who is presentable, meaning clean and tidy. Stylish doesn’t have to mean unclean and untidy, do you catch my drift?
人们喜欢与注重外型的人倾谈,意思是清洁及整齐。型格并非是肮脏及混乱,你能领略我的意思吗?

7. Punctuality is important, it is important to anyone who is professional, which includes designers.
守时是十分重要的,特别是专业人员,专业人员包括设计师。

8. Never get angry during the price negotiation process, it’s just business and nothing to do with insulting your work. There is no reason for them to do so anyway, if you really think about it.
不要在讨论价钱过程中动怒,这只是商业而己,他们并非在羞辱你的作品。你要知道,他们并没有任何理由去做此事的。

9. Your reputation can be proved by business references or winning awards. Don’t forget to win more awards, because it is what customers believe in.
你的名气是来自商业推介或获取奖项。不要忘记去获取更多奖项,它会使顾客更相信你。

10. Never, ever, attempt to copy others’ designs for any reason at all. It is a death sentence to any designer.
无论任何理由,永不要企图抄袭别人的设计。这会是任何设计师死亡之路。

 

 

设计师有自己的想法,还得明白我们的生存来源