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

新年新气象!这3个趋势正在引领2018年1月的网页设计

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

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

如果你已经对以往的设计项目感到厌倦了,那么不妨在新的一年里,开始尝试新东西。虽然最近网页设计领域并没有涌现出新的玩法和新趋势,但是在品牌的运用、色彩和UI设计上,还是有不少值得一提的新的网页设计趋势。

这些看似跟风出现的设计手法还挺有意思的,设计师之所以这么选择,很大程度上是因为它们的功能性和反模式的特点。在2018年的开头,接下来的3个设计趋势,你会在不少新网站上看到。

1、简约文本LOGO的回归

虽然这种趋势说起来略显简单,但是确确实实许多网站开始回归简约的文本LOGO并且悄无声息地置于网站的左上角。这类网站中绝大多数采用的是文本LOGO,少量的采用文本+图形的样式,不过图形也非常简单,和LOGO文本的融合度很高。

这些文本LOGO通常会使用简约而几何特征明显的非衬线字体,背景和LOGO之间会保持一定的对比度,不会太过扎眼。当背景是彩色的时候,LOGO会用白色,或者当背景是浅色的时候,使用相对更深的颜色来构成色差。很明显,设计师并不想让LOGO显得过于显眼,不希望它吸引太多的注意力。

对于许多尚未拥有足够声望的初创品牌或者小企业而言,这一趋势是非常受欢迎的。此外,包含有大量复杂内容的网站也更加倾向于这么做,就比如下面的Papercast,网站所传达的信息量非常之大,设计师希望用户能够更加关注网站内容而非LOGO,这种设计就成了一个很好的选择。

简化的品牌形象设计,应该是收到移动端响应式网站设计的影响,简化的LOGO能够更轻松地放到更多的屏幕和场合,正如同《2018年,这10个LOGO设计趋势值得你关注》这篇文章中所提到,简化之后的LOGO能够适应更多的需求,也可以带着品牌走向更远。

不过,不同的品牌有着截然不同的需求和定位,所以这一趋势并非适宜于所有的网站和品牌,在具体设计的时候,设计师需要慎重做选择。

neverbounce

papercast

weareadaptable

2、超窄侧边栏

虽然侧边栏作为设计元素从未真正脱离潮流,但是它也从来没有成为设计趋势中的中流砥柱。不过现在的情况开始有所改变了。

开始有不少网站开始在他们的首页中有意识地加入侧边栏,有的会用它来承载社交媒体链接的小图标,有的则用它作为作为导航元素的载体来使用。这些侧边栏的设计大都比较窄,作为一种纵向排布的元素,部分网页当中还没有使用全高。正在流行的这种侧边栏设计,最大的特点是窄,轻量级。

这种设计很大程度上要归功于移动端网页设计——移动端屏幕通常较小,为了方便交互而使用侧边栏作为功能载体,但是考虑到较窄的屏宽,侧边栏不能设计的太宽。而被移植到桌面端的侧边栏同样不会设计得太宽大,这很容易让人想到它在移动端上的样子。

为了统一移动端和桌面端之间的体验和交互,许多设计师会有意识地将各种纵向排布的元素加入到设计当中,而超窄侧边栏则成了最佳的载体。从首页到社交媒体链接,从品牌LOGO到功能性按钮,它们都可以有机地加入其中。

bubblewits

designups

squeeze

3、桃色

虽然紫色是2018年的年度潘通色,但是最近的网页设计当中,你会发现桃色出现的频率更高。

桃色和肉色很相似,介于橙色和粉色之间,是一种温暖而充满激情的色彩,虽然很多人会认为它略显女性化,但是它确实有柔和而具有亲和力的一面。

桃色本身会给人以创意和活力感,唤醒人的饥饿感,有幸福、自信的情绪特征。

最著名的桃色是Crayola蜡笔中的桃色,它的HEX值为 #FFCBA4 ,RGB值为 255,203,164。

在下面的范例当中,Folk Strategies 和 Coli 直接将桃色作为配色方案中的主色,营造出富有节日氛围的设计。

虽然桃色并非如同蓝色、绿色和粉红色一样流行,但是它作为一种有趣、富有亲和力的色彩,正受到越来越多设计师的青睐。

folkstrategies

coeli

listenfestival

结语

一年开头总是特别适合重新开始。如果你正在开始一个全新的设计项目,可以试着将新的设计趋势融入到其中,新的色彩,新的UI设计元素,它们会让你的设计项目有着不一样的视觉和用户体验。为什么不试试呢?

【2018年设计趋势,一个都不要错过】

  1. 《超全面总结!2017年UI设计领域流行过这21个设计趋势》
  2. 《掌握这12个移动端UX设计趋势,你就掌控了2018年》
  3. 《这款独特的紫色,是为你指引2018年设计方向的年度潘通色》

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

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

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

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

优设大课堂

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

  • 弹出框里的设计门道,你是否都知道?
  • 遵循这7个原则,能让你的网页用户体验更优秀
  • 氛围独特情绪深沉的深色系网站,设计上有什么讲究?
  • 这3个适用性极强的网页设计趋势,在4月非常流行
  • 怎样设计,才能抓住用户稍纵即逝的注意力
  • 吃透这10个网站,你就明白了网页中留白的技巧
  • 设计出优秀的网站着陆页,这10个技巧能帮到你
  • 换了很多家公司还是在打杂,问题究竟出在哪里?
  • 也许你该注意一下影响网页设计的这5个关键指标
  • 这5个丑出新高度的网站,为什么那么多人夸

相关文章

  • 2018-08-23如何打造极简设计?来看英才APP的实战案例!
  • 2018-08-23从这4个维度,教你分析一款相册类产品
  • 2017-08-06爱上朴实的CSS细节虽不起眼可提高效率
  • 2017-08-06让网站支持老版本IE6、7、8、9浏览器的3种解决方案
  • 2017-08-06未来最成功的公司是技术公司还是设计公司?
  • 2018-08-23今年的双11品牌设计,官方首度揭秘背后全过程!
  • 2017-08-06网站设计效果体验 之七种不同的色系
  • 2018-08-23网易设计师:版画语言在广告设计中的运用
  • 2018-08-23为什么蓝色会成为UI设计中最常用的色彩?
  • 2018-08-23零基础做字体?巧用字库做出你的第一款字体设计!

文章分类

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

最近更新的内容

    • 学会CTA 设计方法后,按钮的点击率高了49%!
    • 上亿人使用的百度网盘,是这么做改版设计的
    • 网页里的两种盒子模型(W3C盒子模型、IE盒子模型)
    • 高手来了!8个简单有效的方法帮你提升设计档次
    • 百度网盟环境下的广告投放技巧(图文教程)
    • 交互进阶!如何扫除交互设计路上的3大障碍?
    • 借贷宝怎么推广让大家都来注册呢? 借贷宝推广方法技巧
    • 如何找到改版的切入点?我用「品牌探索」这个方法!
    • 专业科班方法!平面设计中如何把握比例?
    • 开发未动,测试先行!告诉你为什么可用性测试如此的重要

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

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