细说那些流行设计风格的套路

设计 INFO院院长 43℃ 0评论

如果你有仔细观察,会发现Web设计正发生着演变。一些设计点已经成为一种固定的套路,比如有趣的版式,色调和导航模式等。

看看这些经常出现的设计套路,希望你能从中得到些启发并运用到你的设计中,说不定就成了当前最流行的风格…

1. 共享空间上的排版

设计师在设计上打破文本设计的限制,将文本扩展到多个元素上。将文本放在分屏页面上,也有分屏中的元素是张图片的。

细说那些流行设计风格的套路 图1

细说那些流行设计风格的套路 图2

无论哪种方式的结果是具有美感的。

但做起来并不容易,共享空间上的排版在一种有创意的想法来让用户注意到文本内容。当搭配有趣的字体或超大字体时,就能给人印象深刻。高亮的字体排版在不同的版面上,会成为视线上的焦点。

利用这个设计趋势,就需要简短的文本,图片也要与背景色相符合以便让文字具有易读性。

在大多数情况下,选择黑色还是白色字体?还是挺难决断的。即使它看起来很简单,可读性应该是首要考虑的问题。

用这种设计模式,就要考虑哪些对是用户最关注的,然后创建一个分层的背景和合适的字体样式。

2. 多边形形状

细说那些流行设计风格的套路 图3

细说那些流行设计风格的套路 图4

设计师都在用有趣的方式使用多边形。从填充整个形状到简单的叠加到相交成角,多边形形状几乎无处不在。

这种设计趋势的好处在于它是多样化的。多边形可以添加到几乎所有的设计领域,在视频或照片,任何颜色或字体。

不确定什么是多边形?它是由一个直线段形成一个封闭的多边形区域。”形状可以有任意数量,可以填充或中空,用路径或笔画相交。多边形通常是平面的,二维的,虽然在网站项目中,一些多边形的动画移动,似乎有更多的三维特征。

多边形可以提供相当多的设计灵感。可以用在各种界面元素里。

3. 渐变

细说那些流行设计风格的套路 图5

细说那些流行设计风格的套路 图6

渐变色的流行趋势又回来了!

渐变随处可见,并以各种方式出现在用户界面中-如背景,色彩叠加的界面元素。今天的渐变设计与之前的扁平化设计有所不同。这些渐变是微渐变的,醒目的,通常包括两种颜色,而不是黑白色渐变。

4. 醒目的颜色

细说那些流行设计风格的套路 图7

细说那些流行设计风格的套路 图8

细说那些流行设计风格的套路 图9

到处都是醒目的颜色,而不是仅仅用在渐变,明亮的背景上,按钮,字体等鲜亮的颜色,给人感觉要从屏幕上跳出来似的。

最大的趋势甚至可能是你不期望的颜色——霓虹色和彩色字体。

下面是使用这种颜色的一些技巧:

从你的品牌色中吸取最亮的颜色
做颜色表
使用明亮的色调

找不到项目的颜色时,吸取图片或照片中的色调
利用黑白色为底突出颜色形成巨大反差
有目的地使用颜色

5. 导航模式的实验

细说那些流行设计风格的套路 图10

细说那些流行设计风格的套路 图11

虽然在用户体验上不建议混合模式的导航和偏离太远的菜单,应该出现在屏幕的顶部。事实上,到目前为止,2017已经成为导航实验的一年,很多网站都使用侧导航、底部导航和一些隐藏、滚动和弹出选项的导航模式。

你必须知道–去深度分析以确保导航易点击,但更多的设计师在尝试新概念。重点是导航元素仍然需要在页面上突出(如果它们位于一个不常见的位置,那就使它们比正常导航大小要大),并使用视觉引导向用户显示下一步该做什么。可以帮助用户快速学习不熟悉的导航模式。

结论

虽然很多流行的东西来来回回,但是又一个共同的主线,就是每种趋势都能适应各种设计领域,但没有超越设计美学。

原文作者: CARRIE COUSINS

优设译者:bearpaw

转载请注明:INFO院 » 细说那些流行设计风格的套路

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址