2017网页设计师应该知道的事

要交作业了

好方

原来我也有不知道写什么的一天

做为一名UI设计师

一直没有给自己的专业做过总结

也观察网页设计这个行业,会发现它的变化确实非常快。设计趋势来了又去,年头流行,到年底可能就完全看不到了,还有一些设计手法,则在几年之间持续不断地发生变化。想要跟上设计的趋势,敏锐地观察,持续不断的关注,总是需要的。

非对称布局

时间行进到2017年,越来越成熟的网页设计圈子,已经不仅仅只是流行各种设计技法和不同的设计工具了,就会发现,设计手段和设计思想也越来越成熟,至少,系统化的思维已经不再鲜见了。

“我们不只在搭建页面,我们在创建系统。”

纵览今年的网页设计,用户体验设计被大家提升到更重要的位置,数字产品的沉浸体验被越来越多的设计师和产品人关注到。新诞生的设计工具和素材当中,无论是UI Kit 、风格指南还是设计辅助工具,都是为了更好的沉浸式体验。

对称式的布局在网页中非常常见,它不仅易于设计,便于使用而且是合理的设计策略。栅格系统的出现,不仅帮助设计更好地完成响应式布局的设计搭建,也让设计拥有了更好管控非对称布局的方案。越来越多的非对称式的布局出现在我们视野当中,甚至不少设计师专门对此进行了总结。


打破常规的布局,这并非是新鲜的概念,但是在非对称式的网页布局的探索上,我们还有很长的路要走,还有许多未知可供探索。非对称布局在今天成为设计趋势,很大程度上是因为它在技术可行性的基础上,让设计师有了自由发挥的可能性,能够让设计脱颖而出。如果排版布局和整体实现都足够合理,想法和内容能够在自由的设计下更容易被用户所感知,个性化的表达也得以保留。

随着设计师对于动效、视差和栅格的纯熟掌握,未来的非对称式布局可能会成为设计师手里的杀手锏。

感知化设计

在拟物化设计走到极致之后,扁平化设计接管了整个设计风格的走向。早期的扁平化设计拥有了足够现代的设计特质,但是在用户感知上并不足以媲美拟物化,这也催生了今天我们所说的扁平化2.0 和 Material Design 这样的设计风尚。用风格来描述这些设计上的演变是我们现在所熟知的方式,但是换个角度来看待这些变化,其实会更加直观。设计元素从来都没有因为扁平化设计而疏离真实的世界,我们对于世界的认知构建起来了感知的体系,而设计元素的变化,一直都是奔着更好的感知度而去的。


虽然拟物化的设计并没有回归,但是在设计元素的演变上,可感知性一直在逐步变好,变得更容易理解、触及。

自定义字体

伴随着非对称式布局而来的,是个性化的字体设计。针对特定的需求、遵循特定风格的个性化字体设计,和非常规的排版有着天然的契合,超大的个性化字体不仅可以传达信息,而且能够作为重要的视觉元素而存在,甚至可以成为视觉焦点。

让不同的字体在网页中协调的搭配起来是越来越多网页设计师试图做到的事情,而出于视觉设计的需求,有时候还需要让对比足够强烈的字体搭配到一起。


新的网页字体技术的出现,使得网页字体的兼容性和可能性越来越强。多彩字体甚至一开始就是为了个性化和自定义而存在。被非衬线体字体所统治的时代,即将过去。

更有质感的图片

和自定义的字体不同,真实感更强的图片在网页设计领域的流行,不仅仅是出于技术发展和个性化的需求,它更多是为了创造沉浸感更强的体验,营造更加真实有效的品牌感。经过定制的、富有质感的图片能够更好地服务于品牌,营造独特的气质,成为更加具有影响力的工具。


从成千上万的图片中精心挑选的图片,有着更强的感染力,在绝大多数的时候,它们比起单纯被设计出来的图片更加有效。

如果没有办法寻求专业的摄影师来为网页打造这样的照片的话,不妨通过社交网络来举办活动,从网页本身的品牌用户和粉丝当中征集。截至目前,这种方法还是非常有效的。

原型工具和设计版本控制工具

Sketch

在诸多设计类软件当中,今年最突出的大概就是Sketch 这款软件了。虽然 Sketch 出现的时间不短,但是在用户数量上,2017年才出现爆发性的增长,从设计机构到自由设计师都开始青睐这款工具。

选择 Sketch 的原因很多,但是这很大程度上是得益于它在UI/UX领域的深耕,以及在交互设计和原型设计上完备的功能。Sketch 并不具备3D功能,没有滤镜,它的功能都是围绕着现代UI和UX设计来进行的,可拓展的插件也让它具备了更多的可能性。


Abstract

版本控制是设计的基石。虽然大家一直在呼吁设计师要懂得 Git ,但是在实践和使用上,依然存在着天然的壁垒。


Abstract 是一款用于 Sketch 的版本控制工具,它的设计干净清爽,将强大的版本控制功能藏于背后,让设计师专注于设计,而不用纠缠于备份和时间表。Abstract 帮助设计师控制分支、提交、备份和合并。尽管 Abstract 还面临着不同对手的竞争,但是总体上有着更加光明的未来。至少,对于面向未来的设计团队而言,很有使用的必要。

UX文案设计

在很长的一段时间里面,视觉是UI和UX设计中的重中之重,但是大家现在对于文案和内容也足够重视了。信息的传递和内容的呈现必定不是以视觉作为唯一载体,文本内容和文案的重要性也不言而喻。

对话式的UI直接将界面直接用文本和文案来置换,而UX设计当中,文本、标签和文案的准确性也直接影响着产品本身的使用。为了更精准地使用词汇,更有效地使用内容,Facebook 这样的科技企业已经有了内容策略师这样的职位,确保UX的一致和有效。


相比于传统的文案设计,UX 文案设计对于词汇运用的要求更高,词语的设计可以说是目前最新的行业趋势。设计师需要深入到词汇背后的心理、语言和概念当中去。

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

推荐阅读更多精彩内容