想让你的网页设计脱颖而出,可以从这5个维度入手

几乎每个参与网站建设的人,都希望自己的网站能够在激烈的竞争中脱颖而出。设计师希望它效果拔群,成为自己作品集中令自己骄傲的存在;客户希望它广受欢迎,在用户和潜在用户心理扎下根;后端开发也同样希望这个网站能够成功,这样他也能为自己的职业生涯加上浓墨重彩的一笔。

所有人都是如此的希望它能成功。而关于如何让网站脱颖而出的文章是如此之多,但是它们大多仅仅探讨趋势,或者仅仅拿出单一技巧作为讨论核心。成功的设计案例从来都不是单个趋势或者技巧可以造就的。

对于广大设计师而言,看了那么多的技巧和趋势,自己的设计依然平庸,上线的网站也依然大众。灵感到底从何而来?创意到底在哪里?Well,有的时候过度执着于原创并不一定是好事,也许你现在的设计也更符合实际需求也说不定。

但是,好设计的呈现形态很多,能够脱颖而出的设计,你其实也能做到。你需要坚持不懈地尝试原创,至少是寻求原创的感觉,精心的规划,并且不断地努力。想要打磨出与众不同的优秀网站,你可以从下面5个维度入手,精心打磨。这篇文章当中不会展现一堆堆的实际案例,因为你的目标不是复制,而是创造。

1、布局与结构

优秀的排版布局是将自己网站和其他网站区分开来的最明显手段之一,而它的难度也是最高的。从专业的角度上来说,没有一个排版布局是没人用过的,你几乎不可能再找出一个别人没用过的布局。但是,设计排版本身是一件非常有趣,也能够磨练你的创造力的事情。在你创建出第52个网页布局之后,也许你的网页排版布局能力已经和之前截然不同了,当然,也有可能你这个时候拿出来的布局方案已经可以让前端头疼不已了。

另外一方面,你在这个过程中会同开发慢慢磨合,也会更加了解哪些地方是用户的痛点,明白信息架构要如何搭建,这样你才会在排版设计的时候,越来越清楚如何确保可用性和可访问性。独特而又繁复的网页布局很大程度上会依赖Javascript 等技术,但是理想状况下的布局最好是不要这样,否则调整和修改的成本会非常高昂。

2、品牌

强化品牌设计是提升网站气质和独特性的有效手段。如果你的客户有着系统的品牌风格指南,那么你所需要做的就是遵循它,按照其中的指引来进行设计,拥抱你客户的品牌风格和用色。合理的运用加上适当的优化,这并不是一件太难的事情。

不过,强化品牌设计能够带来好效果的前提也很重要:你的客户的品牌原创性和特色要足够明显。如果他们的LOGO字体用的是Helvetica,色彩也没有很独特,甚至还不够漂亮,那么这个情况就比较尴尬了,在这种局面下做品牌风格化的网页设计,并不会有啥好效果。

3、图形和图片

如果品牌化设计并不足以支撑你要设计的网页,那么你需要使用独特的图片和图形来支撑你的整个视觉设计了。人是视觉动物,这也能够解释为什么那些善用高清大图的网站,常常拥有良好的转化率。视觉刺激在很多时候能够转换甚至强化情感联系,而图片和图形在风格的选取上,也有着近乎无限的可能,这使得设计师可以通过它更好地传递情绪和情感。

不过,好的图片往往不便宜,高素质的图片素材大多是精心定制的,使用商用图库的问题在于,别人也能购买使用,这在很大程度上抹平了你和其他设计师之间的差异。

4、文案和内容

在文案和内容上和其他的网站区分开来,这件事很重要,但是同时也可能是拉开距离最艰难的方式。网站应该能够反映出公司或者品牌的个性和文化,而这些东西通常是通过文案和内容来呈现,从Banner 的标题到图标和按钮上的微文案都应该凸显这些内容。

不过,想要做到这一点,也就意味着你需要同客户进行深入的沟通和协作了。你要让文案拥有相应的气质,拥有人应该有的语气和气质,而这也是最难的地方。绝大多数的营销文案都有着非常明确的语调和感觉。

我之前曾经为网站设计过全部的文案和内容,用户在Banner和轮播图这样的地方期望能看到推荐甚至推销产品的文案,而在网站其他的地方诸如设置、导航中又不喜欢被当作客户——他们更期望文案能像是人和人之间的沟通一样自然。这样的设计往往能让网站脱颖而出。

5、动效

动效在设计圈中越来越重要了,这不是没有道理的。优秀的动效能够让体验更优秀,更令人难忘。从动画片诞生一直到动效大规模地运用在网页设计中,整整间隔了一个世纪之久。在网页刚刚诞生的年代就有人尝试过在网页中运用动效,但是效果之粗糙简直令人发指。

今天的动效设计已经逐步成熟,但是真正好的动效依然不多。我在最后才提及动效,原因并不复杂:动效确实很好用,但是好动效并不容易获得。我的意思是,动效的设计和制作成本确实在逐步降低,但是滥用而导致的可用性和体验上的问题,同样很多。缺少动效,我们会觉得过渡生硬,而动效做的太过明显(比如弹跳),用户又会觉得闹心。所以,尽可能让动效微妙,才是关键。

结语

仔细看看那些设计优秀的网站,你会发现稍有设计师会只用上述策略中的一种,甚至有的设计师在5个方面都做的非常的突出。不过,作为设计者,你应该懂得轻重缓急,有策略有偏向地制定设计策略。搞清楚自己的优势在哪里,是视觉设计还是信息架构,是品牌优化,还是动效设计,围绕着你最得心应手的部分来推进整个设计。最后,当你在创造某些全新的东西的时候,享受这个过程。

作者:EZEQUIEL BRUNI

译者:陈子木

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,311评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,339评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,671评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,252评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,253评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,031评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,340评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,973评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,466评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,937评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,039评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,701评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,254评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,259评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,497评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,786评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,504评论 25 707
  • 你信不信,有一种感情一辈子都不会输给时间。虽然可能不是一开始就那么要好,但在共同经历过的日子里开始坚定彼此的心。 ...
    爱笑的大猩猩阅读 181评论 0 0
  • 我爱你,你无从知晓 你不用急于 把我放逐 我爱你,你不必歉疚 我忧郁的心 把苦杯久尝 我爱你,你永不知晓 我澄澈的...
    十里哥香阅读 247评论 0 2
  • 在我的记忆里,每每看到爸爸,总是一种温暖而又怕怕的感觉,在我的印象里,爸爸每天都是如此的忙碌,忙着赚钱,忙着张罗,...
    不为下一秒担忧阅读 1,167评论 2 2
  • 一、 这两天我给一个学员M指导简历,只见M简历上的“自我评价”一栏赫然写着这么一句话“本人拥有从业资格证,目前正积...
    请君三尺剑阅读 1,190评论 4 12