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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
11月 重要的网页设计趋势
0.0°
2016-11-14 自译外文 设计趋势 原作者: Carrie Cousins 举报 2882 18 11 0

Carrie Cousins是一个超过10年设计经验的设计师。

翻译是App Store搜UI排名第一的Sik大侠~~~

是时候打破你设计的外壳去大胆尝试了!我们来看看这个月的三个设计趋势和项目。

 

1、紫色

紫色成为趋势比较罕见。在某些情况下,颜色的色彩属性很难使用,并与其它色彩的情感关联很少,许多设计师避免用它。紫色是不是品牌颜色或相同颜色的选择,可能往往与其它颜色形成冲突。

 

但这并不能阻挡设计师大胆尝试,紫色调设计遍地开花,他们真的是令人印象深刻。这些设计有几个共同点,让紫色更容易设计:

· 单色的色彩方案
· 简单的设计模式,没有很多的对比元素

· 摄影中尽量少使用紫色
· 空间主题的设计(紫色总是一个热门选择)
· 使用暗紫色(而不是粉彩)

 

因为紫色是一个引人注目的颜色,特别是深紫色、黑色,许多设计师都使用一个简单的版式,是一个理想的选择。简约的版式和设计元素可以更好的突出紫色的个性魅力。


当选择一个紫色进行设计,一个黑暗的色调是最好的选择。它将把光影很好的衬托出来,它不会有那么多的女性特征。具有时尚的视觉感受和高贵的品质感。

 Image title

http://www.kikk.be.zcool.cn/2016/


Image title

http://driver.xyz.zcool.cn/


Image title

http://www.filippobello.com.zcool.cn/en/


2、巨大的Buttons

Buttons在任何设计中都是非常重要的元素。Buttons是帮助用户完成一个路径的行动步骤,或提交信息的一种形式。一个Buttons是一个行动的最终目标和完成用户与界面设计之间的反馈路径。

 

而Buttons设计发展的近几年,这几乎是最后一个Buttons设计趋势:设计师Buttons设计的越来越大(辅助Buttons相反)大Buttons算是用户娱乐的替代,但有一个诀窍,用户必须知道是可点击交互Buttons。他们不能作为一个不同类型的设计元素而隐藏实际功能。

 

在下面的三个例子,聪明的交互动画已经Buttons识别的秘密。每个设计采用了一种独特的方法:

Bark 的设计:大的图像显示一个标题和副标题,用户根据引导点击Buttons动作。

Image title

http://barkdesignchicago.com.zcool.cn/


 Mt. Cuba  Center:植物识别网站使用悬停Buttons设计,图形和颜色几乎跳出屏幕。配合有趣迷人的Buttons交互动效,你能不点击吗?(几乎所有的图像是一个链接)Buttons在设计中采用大圆形、紫色、扁平化设计,如下图所示。什么是特别好的圆形Buttons,一眼看上去就知道它是一个Buttons。因为它是如此之大,你会猜测是否是Buttons,但悬停状态的显示方式让用户想跟它互动的冲动。这是出发用户互动的乐趣。

Image title

http://mtcubacenter.org.zcool.cn/


Simon Foster:这个网站很有趣!因为视觉元素通常不被用作Buttons,在这个网站每一个组合元素都是一个Buttons。用简单的黑色和白色进行设计,让设计充满艺术感,加上悬停的状态,很多程度的在鼓励用户进行交互、点击。

Image title

http://simonfosterdesign.com.zcool.cn/home/


3、几何形

几何图形在设计项目中的运用。使用形状进行导航元素设计,button或背景图案设计,很酷的几何图形也可以做一个有趣的整体设计,极具美感和设计感!

 

几何图形的边缘和线条相对硬朗,硬朗的几何图形配合柔软的视觉元素,会有很好的视觉冲击感。Sean Klassen的网站,就是采用柔软的视觉元素与硬朗的几何元素构成,用鲜花的柔美和几何图形的硬朗形成视觉对比,构成主视觉的设计形式。

Image title

http://seanjklassen.com.zcool.cn/


结合几何图形可能创造出什么?一个没有视觉信息的网站设计,如下图。形状和大胆的色彩选择是一种方式,让人想起童年在一起玩的积木。这种微妙的内涵可以让使用者感受到天真的设计感。

Image title

http://projections.pl.zcool.cn/?lang=en


将常见的元素组合成一个几何图形,可以创造一个更有趣的视觉元素。如下图,是一个白色的老鼠艺术版。这是一个交互图像,几何图形与鼠标进行交互配合动效,增加视觉趣味和体验。

Image title

http://cobay.es.zcool.cn/en/



总结

在项目中做这些大胆的设计决策,对你有吸引力吗?

本月的设计趋势是很有趣的,因为他们大胆的用色,巨大的按钮和有趣的几何图形。

 

 

翻译:App Store搜UI排名第一的,Sik学习君~~~

原文作者:CARRIE COUSINS

更新:2016-11-14

收藏

18人已收藏

Sik死磕

苹果首推App Store搜UI排名第一

  • 20

    作品

  • 1423

    粉丝

  • 2

    关注

  • 视觉大片合成教程
  • 如何在平面设计中有效地利用透明背景(上)
  • 2016年必备的9种图形设计趋势(下)
  • 2016年必看的9种图形设计趋势(上)

    猜你喜欢

      2016-11-14 自译外文 设计趋势 原作者: Carrie Cousins 举报 2882 18 11 0

      11月 重要的网页设计趋势

      0.0°

      你确定要举报11月 重要的网页设计趋势

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年11月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      18
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录