• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 接下来炎热的8月,这3个设计趋势会更加流行

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含2017设计趋势,优秀网页设计,经验分享,设计趋势等相关知识,希望在学习及工作中可以帮助到您

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

1、超细字体

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

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

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

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

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

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

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

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

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

2、精致的细节

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

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

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

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

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

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

3、图标式LOGO

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

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

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

结语

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

【用户体验设计有哪些技巧】

  1. 《科普好文!作为UX设计师你需要知道的52个专业术语》
  2. 《想让设计更走心?你得学会用共情来驱动设计》
  3. 《跨屏幕的响应式设计,你需要这样来设计用户体验》
  4. 《想转型成为用户体验设计师,只会画图远不够》

原文地址:webdesignerdepot
原文作者:Carrie Cousins
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 超全面总结!2017年UI设计领域流行过这21个设计趋势
  • 最后一个月,这3个设计趋势是网页设计师的最爱
  • 这10个趋势,是2018年用户体验设计关注的重心
  • 用这5个技巧在网页设计中玩转视差特效
  • 人工智能与设计零基础手册!发展历史和定义+底层设计阐述
  • 秋风渐起,大咖们都跟随这些趋势做网页设计
  • 从建筑到网页,粗野主义风格确实有着它独特的魅力
  • 2017年最后几个月,网页设计师值得注意的趋势
  • 这3个趋势,在接下来的9月会影响更多设计作品
  • 背后的分析!iOS 11的设计理念和3个设计方向总结

相关文章

  • 2018-08-23用好这5个技巧,帮你快速挑选出最合适的字体
  • 2018-08-23用一篇文章,帮你看懂微软最新发布的「流畅设计体系」!
  • 2018-08-23用好PS的3D工具,5分钟快速做出酷炫的海报设计!
  • 2017-08-06CSS的部分常用属性整理
  • 2018-08-23饿了么高级设计师:界面视觉设计 5 要素之字体篇
  • 2018-08-23腾讯实战案例:如何用设计让更多人参与公益活动?
  • 2017-08-06Div与table的区别在速度和加载与网页应用等等中的差别介绍
  • 2018-08-232017年大家都在学习的服务设计,这篇文章带你快速入门!
  • 2018-08-23高手帮你学规范!iOS和Android规范解析之底部浮层
  • 2018-08-23参与3个项目后,我总结了这个服务流程设计新思路

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 去除在FireFox中点击链接时,出现虚线边框的解决办法
    • 作为8年Dribbble粉,和设计师聊聊未来的视觉趋势
    • 酷站两连发!25万张高质量免费大图+在线图片压缩工具
    • 从四个方面谈谈Web标准的价值所在 附思维导图
    • 网易资深视觉设计师:24个容易忽略的App设计细节
    • 腾讯好文!如何设计内容精确、体验友好的Dashboard?(上篇)
    • 专业科班方法!平面设计中如何把握比例?
    • 产品思考:剖析“旅行青蛙”的火爆之处
    • css优化技巧自己实践心得
    • 打破以往的思考方式,才有可能成为UXD设计师

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有