如何看待流行的设计风格
2017-07-26 14:00
225 查看
如果你有仔细观察,会发现Web设计正发生着演变。一些设计点已经成为一种固定的套路,比如有趣的版式,色调和导航模式等。看看这些经常出现的设计套路,希望你能从中得到些启发并运用到你的设计中,说不定就成了当前最流行的风格…
01共享空间上的排版
设计师在设计上打破文本设计的限制,将文本扩展到多个元素上。将文本放在分屏页面上,也有分屏中的元素是张图片的。无论哪种方式的结果是具有美感的。但做起来并不容易,共享空间上的排版在一种有创意的想法来让用户注意到文本内容。当搭配有趣的字体或超大字体时,就能给人印象深刻。高亮的字体排版在不同的版面上,会成为视线上的焦点。利用这个设计趋势,就需要简短的文本,图片也要与背景色相符合以便让文字具有易读性。在大多数情况下,选择黑色还是白色字体?还是挺难决断的。即使它看起来很简单,可读性应该是首要考虑的问题。用这种设计模式,就要考虑哪些对是用户最关注的,然后创建一个分层的背景和合适的字体样式。
02多边形形状
设计师都在用有趣的方式使用多边形。从填充整个形状到简单的叠加到相交成角,多边形形状几乎无处不在。这种设计趋势的好处在于它是多样化的。多边形可以添加到几乎所有的设计领域,在视频或照片,任何颜色或字体。不确定什么是多边形?它是由一个直线段形成一个封闭的多边形区域。”形状可以有任意数量,可以填充或中空,用路径或笔画相交。多边形通常是平面的,二维的,虽然在网站项目中,一些多边形的动画移动,似乎有更多的三维特征。多边形可以提供相当多的设计灵感。可以用在各种界面元素里。
03渐变
渐变色的流行趋势又回来了!渐变随处可见,并以各种方式出现在用户界面中-如背景,色彩叠加的界面元素。今天的渐变设计与之前的扁平化设计有所不同。这些渐变是微渐变的,醒目的,通常包括两种颜色,而不是黑白色渐变。
04醒目的颜色
到处都是醒目的颜色,而不是仅仅用在渐变,明亮的背景上,按钮,字体等鲜亮的颜色,给人感觉要从屏幕上跳出来似的。最大的趋势甚至可能是你不期望的颜色——霓虹色和彩色字体。下面是使用这种颜色的一些技巧:
从你的品牌色中吸取最亮的颜色
做颜色表
使用明亮的色调
找不到项目的颜色时,吸取图片或照片中的色调
利用黑白色为底突出颜色形成巨大反差
有目的地使用颜色
05导航模式的实验
虽然在用户体验上不建议混合模式的导航和偏离太远的菜单,应该出现在屏幕的顶部。事实上,到目前为止,2017已经成为导航实验的一年,很多网站都使用侧导航、底部导航和一些隐藏、滚动和弹出选项的导航模式。你必须知道–去深度分析以确保导航易点击,但更多的设计师在尝试新概念。重点是导航元素仍然需要在页面上突出(如果它们位于一个不常见的位置,那就使它们比正常导航大小要大),并使用视觉引导向用户显示下一步该做什么。可以帮助用户快速学习不熟悉的导航模式。
06结论
虽然很多流行的东西来来回回,但是又一个共同的主线,就是每种趋势都能适应各种设计领域,但没有超越设计美学。
原文作者:CARRIE COUSINS 翻译:优设网bearpaw
大连中钰睿泓与你分享精品文章
01共享空间上的排版
设计师在设计上打破文本设计的限制,将文本扩展到多个元素上。将文本放在分屏页面上,也有分屏中的元素是张图片的。无论哪种方式的结果是具有美感的。但做起来并不容易,共享空间上的排版在一种有创意的想法来让用户注意到文本内容。当搭配有趣的字体或超大字体时,就能给人印象深刻。高亮的字体排版在不同的版面上,会成为视线上的焦点。利用这个设计趋势,就需要简短的文本,图片也要与背景色相符合以便让文字具有易读性。在大多数情况下,选择黑色还是白色字体?还是挺难决断的。即使它看起来很简单,可读性应该是首要考虑的问题。用这种设计模式,就要考虑哪些对是用户最关注的,然后创建一个分层的背景和合适的字体样式。
02多边形形状
设计师都在用有趣的方式使用多边形。从填充整个形状到简单的叠加到相交成角,多边形形状几乎无处不在。这种设计趋势的好处在于它是多样化的。多边形可以添加到几乎所有的设计领域,在视频或照片,任何颜色或字体。不确定什么是多边形?它是由一个直线段形成一个封闭的多边形区域。”形状可以有任意数量,可以填充或中空,用路径或笔画相交。多边形通常是平面的,二维的,虽然在网站项目中,一些多边形的动画移动,似乎有更多的三维特征。多边形可以提供相当多的设计灵感。可以用在各种界面元素里。
03渐变
渐变色的流行趋势又回来了!渐变随处可见,并以各种方式出现在用户界面中-如背景,色彩叠加的界面元素。今天的渐变设计与之前的扁平化设计有所不同。这些渐变是微渐变的,醒目的,通常包括两种颜色,而不是黑白色渐变。
04醒目的颜色
到处都是醒目的颜色,而不是仅仅用在渐变,明亮的背景上,按钮,字体等鲜亮的颜色,给人感觉要从屏幕上跳出来似的。最大的趋势甚至可能是你不期望的颜色——霓虹色和彩色字体。下面是使用这种颜色的一些技巧:
从你的品牌色中吸取最亮的颜色
做颜色表
使用明亮的色调
找不到项目的颜色时,吸取图片或照片中的色调
利用黑白色为底突出颜色形成巨大反差
有目的地使用颜色
05导航模式的实验
虽然在用户体验上不建议混合模式的导航和偏离太远的菜单,应该出现在屏幕的顶部。事实上,到目前为止,2017已经成为导航实验的一年,很多网站都使用侧导航、底部导航和一些隐藏、滚动和弹出选项的导航模式。你必须知道–去深度分析以确保导航易点击,但更多的设计师在尝试新概念。重点是导航元素仍然需要在页面上突出(如果它们位于一个不常见的位置,那就使它们比正常导航大小要大),并使用视觉引导向用户显示下一步该做什么。可以帮助用户快速学习不熟悉的导航模式。
06结论
虽然很多流行的东西来来回回,但是又一个共同的主线,就是每种趋势都能适应各种设计领域,但没有超越设计美学。
原文作者:CARRIE COUSINS 翻译:优设网bearpaw
大连中钰睿泓与你分享精品文章
相关文章推荐
- 通俗易懂RESTful,如何设计RESTful风格API
- 如何利用Activity的Dialog风格完成弹出框设计 “第二届 Google 暑期大学生博客分享大赛 - 2011 Android 成长篇 ”
- 从五个维度来谈谈视觉设计师如何阐述设计风格
- Winform DataGrid设计三步曲之一DataGrid如何动态实现多种风格(Style)之间的转换
- 如何设计出牛逼的营销型网站风格
- 最近都流行极简主义!谈谈如何设计完美极简风网站!
- 到底如何看待Material Design设计
- 【系统设计】“查询推荐好友”服务在不同架构风格下如何设计?
- Winform DataGrid设计三步曲之一-----DataGrid如何动态实现多种风格(TableStyle)之间的转换
- 如何设计极简风格的网站?
- 【分享】如何设计OutlookBar及Outlook风格的WinForm窗体
- 目前比较流行的网站设计风格有哪些
- 当前流行的网站设计风格(转贴)
- 网页设计流行风格模板及评析(3)-个性商业型
- Android 5.0后Material design icons(金属设计风格图标大全)及如何使用
- 如何设计极简风格的网站?
- 产品经理如何看待用户界面体验设计,如何做好手机客户端的用户体验标准
- 【API设计风格—RESTful】:前端如何调用RESTful风格的API(三)
- 如何在你的App中应用Material Design设计风格
- 如何利用Activity的Dialog风格完成弹出框设计 “第二届 Google 暑期大学生博客分享大赛 - 2011 Android 成长篇 ”