IAMUE
  • Home
  • 文章分类
    • 交互
      • 从零开始学交互
      • IxD案例
      • 微信热点
    • UXD
    • Wireframes
    • GUID
    • PM
  • More
    • AID
    • 资源下载
    • 作品集
    • 电子书:《从零开始做交互》
    • Sketch 4.9 - Sketch全系列免费下载(更新Sketch4.9)
    • 淘宝手机H5版UX移动交互设计规范
    • Axure基础入门
    • 隐私政策

接下来炎热的8月,这3个设计趋势会更加流行

Catherine • 2017-06-05 22:20 • 交互设计

趋势大多是这样,兴衰随着时间的推移快速的变化。

文章目录[隐藏]

  • 1、超细字体
  • 2、精致的细节
  • 3、图标式LOGO
  • 结语

趋势大多是这样,兴衰随着时间的推移快速的变化。

接下来炎热的8月,这3个设计趋势会更加流行

骄阳如火,阵雨连连,不得不宅在室内的局面,似乎让百无聊赖的设计师更有时间在设计细节上投注更多的精力。不知道是不是夏日不适合做极简风的设计,更多设计师在过去一个月的设计中更倾向于在设计中加入更多的个性化的元素,这也使得我们在许多乍一看很极简的网页中,发现许多有趣的细节。

下面我们要聊的三个设计趋势,可能会在炎热的8月中悄然流行。

1、超细字体

超细字体排版又回来了!在iOS7 刚刚问世的时候,它最瞩目的就是高饱和度的色彩、扁平化的设计以及这独特的超细的字体设计。

在那个扁平化刚刚兴起的阶段,苹果所推出的这款在Helvetica 基础上演变而来的超细字体和当时的扁平化设计结合在一起的时候,在可读性上还不够优秀。随后不久,更加大胆、相对更粗的字体开始占据字体排版的主流,甚至苹果也推出了可读性更优秀、更粗的San Francisco 字体。

不过,潮流和趋势这件事,总不能按照常理来推断。大概是设计师开始大幅度地厌倦棱角分明粗重大胆的字体,更为纤细的字体开始高频率地出现在网页的Banner 和排版元素当中。

选择更纤细的字体作为Banner 等展示性的组件的字体,设计师拥有了更大的空间。值得注意的是,它并不适合作为正文字体,如果非要使用,字体字号也需要适当的提高。

下面的案例展示了超细字体的正确使用方法:

使用全大写的抄袭字体来创造气场突出的标题。不过,最好是像下面的Luxury African Safaris 这样仅仅使用不多的几个单词。不过你需要注意一点,许多单词全大写的情况下,可读性相对较差。

接下来炎热的8月,这3个设计趋势会更加流行

将较粗的字体和纤细的字体搭配起来使用,比如下面的WebDesignStudio,创造出视觉上的对比。

接下来炎热的8月,这3个设计趋势会更加流行

字体和背景的颜色要保持较高的对比度,起到强调的作用,比如下面的 Leeds Golf Centre 网站。

接下来炎热的8月,这3个设计趋势会更加流行

如果你能打开Google Fonts,那么你可以试试下面的5种字体:Source Sans Pro,  Dosis, Scope One, Rajdhani, Martel Sans.

2、精致的细节

精致的细节在任何时候都不会让人太过反感,而精致的排版常常能够以细致协调的细节让用户从中获得愉悦感。创造精致细节的窍门在于,它们在被设计地很漂亮的同时,最好还要让用户感觉简单,这意味着它们必须设计得易于理解和使用。

细节是最能体现个性和风格的地方。构成细节的元素涵盖的类型多样,可以针对品牌个性,有意识地从网页、APP到印刷品都一致统一地呈现出品牌特征。

细节呈现的方式很多,它们应该共同地促成整体的效果,而不是互相干涉,减损整体感。细节当从不同的实例中凸显,且不会让用户信息过载。某些精心制作的细节可能会与整体相互冲突,应该有意识地规避这个问题。

下面的The Forefathers Group 网站就使用了风格老派的徽章来强化细节,此外,还借助多样的点缀让整个网站的信息量有所提升。有趣的衬线体字体搭配背景的图片,整个设计呈现出一种复古的美感。这些元素的组合恰到好处,如果文本内容再多一些,反而可能存在可读性的问题,这样也阻碍了信息的传达。

接下来炎热的8月,这3个设计趋势会更加流行

Vitra Task Chairs 这个网站则使用动画来吸引用户,整个设计结构清晰简约,右下角的区块排版精致,横向可拖动,让用户以非常规的方式打开产品线列表也算是一种独特的体验。整个设计简单而有趣,即使你没打算买椅子,在这里看看也是很不错的体验。

接下来炎热的8月,这3个设计趋势会更加流行

有时候,最精致的设计是不需要特效支撑的。Only Kite School 这个网站就纯是以LOGO和排版来取胜的,虽然简单的可读性和功能性都很强,精美的设计就让你爱不释手了,就没有必要用特效了。

接下来炎热的8月,这3个设计趋势会更加流行

3、图标式LOGO

图标和LOGO是两种不同的东西,但是现在两者之间的交叉点越来也多,界限也越发的模糊。极简风格的图标式LOGO开始越来越多地出现在各种APP和网站当中,其中多采用多彩的配色,线条风格的设计居多。图标式LOGO 可以广泛地适配从网站到社交媒体,这也算是这种设计的独到之处。

而图标式LOGO的缺陷则在于,它无法单独承载企业和品牌的名称,所以,它们通常是同独立的品牌名称或者其他的文本搭配起来使用,比如下面的 District0x。

接下来炎热的8月,这3个设计趋势会更加流行

而下面的Jardan Furniture 和 Nobbys Lighthouse 两个网站则选择了更为简约的图标LOGO样式,虽然这样无法传递更为复杂的信息,但是形式感反而更强,也更容易让人记住。

接下来炎热的8月,这3个设计趋势会更加流行 

接下来炎热的8月,这3个设计趋势会更加流行

结语

趋势大多是这样,兴衰随着时间的推移快速的变化。它们揭示了潮流的走向,帮你做设计的时候选择更符合时下需求的手法和技巧。不要沉迷于趋势,它们之后会消退;也不要忽略趋势,因为它们在此刻,依然是很多人的选择,可能更贴合大众的喜好。

 

原文作者:Carrie Cousins

原文地址:webdesignerdepot

译者:@陈子木

译文地址:优设网

本文由 @陈子木 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/33446/

appARBannerGoogleioslogoPSUIUXWEB产品产品经理体验动画可读性品牌图标字体字体设计扁平化设计技巧排版方法极简风极简风格案例用户细节网站色彩苹果视觉设计设计师设计细节设计趋势译文转载配色
赞 (0)
CatherineCatherine
0
生成海报
空状态的设计值得更多关注
上一篇 2017-06-05 20:27
7个技巧,帮你搞定网页首图设计
下一篇 2017-06-06 06:28

相关推荐

  • 语言的图形化表达,让百度“中文搜索”的设计更美 交互设计

    语言的图形化表达,让百度“中文搜索”的设计更美

    本次百度ACL会议主视觉设计主要进行了五个核心技术领域的海报设计以及物料设计。通过把甲骨文的象形文字表意特征结合现代设计语言,创造出最能代表百度“中文搜索”特质的作品,提升了公司在国际上的影响力和美誉度。

    2017-05-12
  • 经验总结|品牌视觉改版要如何开始做? 交互设计

    经验总结|品牌视觉改版要如何开始做?

    一个成功的视觉改版是靠30%的探索流程+70%设计师水平。探索品牌感觉 → 发现提取关键词 → 寻找对应素材创建情绪板 → 指导设计发现提取关键词(我们自己) → 寻找对应素材创建情绪板 → 探索品牌感觉(让用户)→ 指导设计请问您觉得目前我们产品的视觉风格怎么样?

    2017-05-03
  • 常用中后台交互设计控件使用场景与规范总结 交互设计

    常用中后台交互设计控件使用场景与规范总结

    最近刚完成平台安畅云 2.0 的改版设计,平台模块很多,经常存在很多类似的页面和组件,若不制定统一的规范和控件,则会导致很多重复的工作,大大降低产品的设计效率;同时,平台的一致性也得不到保障。所以,我们视觉、交互、前端的小伙伴们针对我们踩过的坑,大家认真总结和提炼出一个符合公司定位的设计规范,统一公司项目的前端 UI 设计,规避不必要的设计差异和实现成本,实现设计和前端资源的效率最大化。

    2017-05-02
  • 升级篇|上传作品,咱要包装一下 交互设计

    升级篇|上传作品,咱要包装一下

    上期简单地介绍了几点包装的技巧,这期再分享一波,接着上期,再深入的讨论一下关于包装的技巧。

    2017-04-29
  • 【交互设计留学】作品集是怎么样的?

      美国交互专业作品集侧重点是一个方向很多的专业,如果学生偏重界面、视觉、解决方案方向,那么作品集要注重调研,以及数据分析,数据展示、解决方案等内容。如果学生是侧重多媒体,交互装置方向,那么作品集要…

    交互设计 2016-05-08
  • 微信热点

    一篇读懂交互设计进化!

    计算机刚被发明的时候并不是现时看到这个样子的,而是这个样子的。像房子一样大的计算机当时的计算机一切数据和操作指令都是通过由纸带输入机进行的,是当时唯一的输入设备。穿孔纸带上利用一排孔表示一个字符,用穿孔或不穿孔表示1和0,来将指令和数据导入内存。穿孔纸虽然大家都没见过这玩意,但可想而知纸带的输入速度很慢。。。很慢。。。即使是一个简单的程序,所需要的纸也是一箱一箱的。后来,因为打字机的灵感,键盘终于被发明了,可想而知这输入速度有多大的提升...

    2018-03-04
  • 有效地运用UI动效的4种方法 交互设计

    有效地运用UI动效的4种方法

    约在10年之前,在用户界面使用的动效,大部分是一些广告和闪烁的弹窗。然而到了今天,已经发生了翻天覆地的变化。设计不仅是外形和感觉,设计关乎如何运作。

    2017-08-04
  • 搜索结果页优化的10条最佳实践方法【UXRen译#175】

    作者:Nick Babich   |  翻译:猫猫DE爪,校审:兔兔瑶   搜索就像是用户和系统之间的对话:用户键入他们的信息需求作为问询关键词,系统则展现出它的回答作为一组结果。搜索结果页是搜索体验的一个重要部分:它提…

    交互专题 2023-03-03
  • 【to 交互新人】交互小白别踩这4个坑

    作者: 负如来不负卿   交互设计小白刚踏入这个领域时总会走进一些误区,为了防患于未然一起看看过来人的经验分享吧。   一些经验分享前言 作为一个交互新人,难免会踩到几个坑,即使现在不踩以后还会踩,只有踩过…

    交互专题 2017-08-07
  • 实例分享|在界面排版中,需要注意的七大原则(上) 交互设计

    实例分享|在界面排版中,需要注意的七大原则(上)

    前面的视觉体系和大家简单提到过传统平面排版的四大原则:亲密性、对比、重复、对齐。那界面排版有什么原则呢?今天菜心就来用实例分享一下界面排版中需要注意哪些原则。一、亲密原则
    二、对比原则
    三、平衡原则
    四、相似原则
    五、简洁原则
    六、封闭原则
    七、情感原则

    2017-05-08
  • UED书单
  • 微信精选
  • 投稿说明
  • 赞助

Copyright © 2024 WPCOM 版权所有 粤ICP备000000000号 Powered by WordPress