恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
2017年网页设计的10个趋势
0.0°
2017-01-13 自译外文 经验/观点 原作者: Carrie Cousins 举报 7174 22 24 0

Hi,我是猪滴,作为一名有节操的设计师,我希望你跟我一样,都能尽早领悟新的一年的射击趋势!come on!

        Dear,准备好网页改版了吗?新年伊始是时候该重新审视下过往的设计,亦或者审视下即将开始的新项目,好好想一想如何将流行趋势融入到你的设计中去!

从功能到用色再到排版,2017年势必是在创意和视觉设计上不断探索的一年。目前一些创意已经开始悄然流行起来了,下面举一些栗子,让我们来一起学习,希望为你的2017年有一个好的开端提供足够的视觉灵感。


1、渐变

Image title

Image title

Image title


已经在网页设计中消失多年的渐变强势回归,但是去掉了模糊显示。在渐变的末期,有很多微小的设计变化。苹果的iOS图标是最明显的例子。现在的渐变使用更大胆,醒目,颜色也更加丰富。

如今最流行的渐变方式是将两种颜色叠加在图片上(这种技术让你的设计看上去惊艳无比!)。这种使用手法使得一张看似无趣的图片看上去更生动有趣。另外如果你目前没有一张满意的照片可以使用,也可以通过一整张渐变背景来吸引用户的眼球。


2. 带声音的视频

Image title

Image title

Image title


用户越来越习惯在他们的设备上观看视频,从YouTube 上的几针的小视频到电影。网页设计可以模仿这种视频的体验,利用整屏的带声音的视频展示首页内容(并不需要自动播放效果)

需要谨慎注意的是,设计中需要有一个切换声音开启关闭的按钮,因为并不是所有人都会喜欢这种效果。视频的内容必须是最主要要表达的,要让用户知道配乐只是为了增强体验的一部分(这种设计趋势看似花哨,但是如果你使用了正确的视频并且配乐使用正确效果会非常惊艳)。


3.虚拟现实(最huaishen)

Image title

Image title

Image title


虚拟现实技术目测将是2017年被讨论最多的内容。在能够负担得起的,众多的设备当中,虚拟现实设备数量越来越多!游戏玩家最初会充分体验虚拟现实游戏带给他们的乐趣!但是VR一定会打入市场和其它应用中。

你需要为此做好设计准备,此外,你需要准备好设计没有头戴设备的增强现实体验,这其中包括在网页设计中的360度的视频体验和其它高度互动的3D体验效果。

任何一种将交互模带入下一个层次的设计都会有VR效果,同时也将成为一种完美的趋势。


4、滚动视差继续

Image title

Image title

Image title


滚动视差效果是2016年非常流行的设计趋势,设计师在利用鼠标滚动创造效果上也越来越精明。视差的趋势仍然会继续发酵-并会创造更好的视差效果。

视差设计趋势不跌反涨,而且在滚动过程中会捕获更加富的层次感。2017年几乎每一个设计趋势的关键都是触摸真实,视差也不例外。越是真实的滚动效果,越能激起用户的浏览欲望。


5.炒(超)鸡(极)简单的首页

Image title

Image title

Image title


越来越多的设计摒弃了首页冗余的风格,而且这种风格已经流行了一段时间。越来越多的视觉设计师选择在首页仅仅显示一个或两几个字符。

在你还在为SEO担心的时候,这些页面通常打包着丰富的数据在向下滚动的时候呈现给你了。这是一个能证明用户的使用习惯如何改变网页设计的很有力的例子。由于在手机端网页大量的滚动操作,让用户习惯了在不同的设备上滚动浏览网页。这种通过滚动界面展示更多内容的的交互模式,让设计师在设计一个轻量级简洁的界面的时候变得更加容易。

小技巧:尽可能的让用户在首页得到最渴望得到的内容,以此调动用户继续向下探究的欲望。


6.新颖的导航菜单

Image title

Image title

Image title


导航菜单再也不用单调的固定在网页的顶端。从隐藏式菜单,到浮层菜单,亦或者将菜单展示网页的一侧或者底部,菜单位置的变更已经成为一种趋势(前提它的位置等快速让用户找到)

在决定对导航菜单进行改版之前,请先仔细研究下用户画像,如果这种导航模式能够轻松的被用户发现,并且用户可以轻松的理解使用,那还等什么快行动起来吧!反之,请再仔细斟酌下你的设计!


7、更加写实

Image title

Image title

Image title


网页设计源于物理事物,它起步于材料设计,发展于更多的触觉表象和层次感。这种界面表现趋势正在扩展到视觉展示中。

设计师的设计源于现实,这包括照片而不是插图,以及近乎触手可及的丰富的元素。这些照片更加真实的同时,其中的元素也来源于自然或被制成项目产品。


8.中性色调(我理解的性冷淡色系)

Image title

Image title

Image title


写实的设计原则也同时延续到色板,最近几年色彩丰富的网页设计逐渐被中性色所代替。

网页设计中越来越多大自然色,米色和轻柔的配音。也预示着浓烈的,明亮的色彩斑斓的色板会被更自然的颜色所取代


9.可穿戴设备对网页的影响

Image title

Image title

Image title


小的设计也可能影响到其它任何事情。在很大程度上移动设备的最初的设计思路影响了所有网站的工作方式。同样,可穿戴设备也将对app的设计有着深远的影响。(你也会希望你的app能同时在手机和手表上运行,不是吗?)

这种影响可能会改变外观和一些移动应用程序,我们可能会看到更大的版式和更简单的风格出现。人们在选择可穿戴设备的同时,也希望可穿戴上的交互能够在其它设备上同步。这种设计方式迟早会发生。


10.自定义字体

Image title

Image title

Image title


超大的,加粗的字体永远不会过。这种设计趋势貌似发展的越来越好了。由于越来越多的网页字体的出现和兼容性,越来越多的设计师正在试图创造出更新奇更有趣的字体。

这对于厌倦了无衬线字体统治设计项目的设计师和用户来说都是一场胜利。从复古样式到复古外观再到用户完全自定义字体,设计师需要考虑怎样的设计才能增加字体的趣味性。

要时刻铭记的是,酷酷的字体仍然要保持可读性。所以无论你是将字体与图片结合还是单独的展示,确保用户能够只是一瞥就能领悟到你要表达的意思。







点击右上角图标>查看公众号>关注我们


或者搜索微信公众号:INUX,关注我们


感谢您的阅读,本文由INUX小组翻译,翻译是件苦差事,转载请注明出处,谢谢您的厚爱。

关注用户体验设计,喜欢我们的文章,就请分享给你的小伙伴儿吧!

Image title


更新:2017-01-13

收藏

22人已收藏

INUX

我们渴望把自己多年的设计经验分享给同样爱设计的你

  • 4

    作品

  • 10

    粉丝

  • 0

    关注

  • 不仅要漂亮:看图像如何引导用户体验!
  • 如何做出切实可靠的UI,帮助用户做出更好的决策
  • 16个免费的资源站!

    猜你喜欢

      2017-01-13 自译外文 经验/观点 原作者: Carrie Cousins 举报 7174 22 24 0

      2017年网页设计的10个趋势

      0.0°

      你确定要举报2017年网页设计的10个趋势

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年01月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      24
      22
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录