loading请求处理中...
手机版 新型设计开发 托付式服务平台 全国站
新人享福利×
当前位置: 首页 > 威客攻略 > 网页设计素材

别让网页扁平化设计平淡无奇

2017-01-05 17:43:33 阅读 28651次 0 标签: 网页设计素材asp动态网页设计优秀网页设计欣赏 作者: 蓝blue

  随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。下面就是改变平庸的扁平化设计,别让扁平化设计平淡无奇。

  随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。下面就是改变平庸的扁平化设计,别让扁平化设计平淡无奇。    长投影    我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。    但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。    毕竟,没有光哪来阴影?    更重要的是,长投影为画面增加了一种反差元素,使得整个视觉体验变得有吸引力。要达到想要的效果,甚至投影都不必那么长。    色彩运用:鲜明色彩与辅助色    色彩是扁平化设计的重要能力之一。    明亮、积极的色调,成就了许多扁平化的设计,用以弥补视觉表现力上的欠缺。扁平化设计中的投影装饰,看起来跃然纸上,为设计增添了鲜活和动感。这与其他动态视觉元素能够很好配合,例如视觉差滚动和CSS动画。    而且,这些明亮的色彩能作为一种辅助色,用在柔和的背景上。这似乎成为了一种标准的未来趋势。就像这样:    深色背景上的亮色图片绝对足够给人留下深刻印象。强烈对比的视觉元素,更是与如今的扁平化趋势形成完美的配合。通过简单或夸张的手法来突出事物,其中也包括字体。    简单/夸张的字体    如今的“扁平”字体通常由单一字体组成,或者是两种非常接近的字体。这一点造就了易读、易辨识且默默无闻的字体。这正是关键所在。    你不希望字体分散注意力。如果字母带有过多的风格与个性,就会阻碍用户的阅读流程。    最好的做法是“隐形的设计”,换句话说,就是做出让用户不会注意到的设计。因为每当他们留意设计,就会丧失沉浸式的体验。    当然,你也可以走另一个极端。在处理极简式界面时,你得调整所加入的元素。在空白背景上使用大的粗体字,可以为界面的文案营造出独特的语境。如果界面没有其他任何视觉元素,你就必须呈现出某种美感,而且能用的也只有字体和颜色。    幽灵按钮    要做到漫不经心——甚至如空气般透明——那我们就得花点功夫来谈谈幽灵按钮。    你能一眼就找出下图中的幽灵按钮吗?它们并不显眼,这正是关键。透明按钮给用户一种暗示,导航项未必会从下层的视觉重点上抢夺注意力。    结论    总而言之,扁平化设计的元素与其演化的成果,全在于吸引注意力。    无论是使用浮夸的背景或焦点图等视觉元素,还是极力克制,只用文字或导航提示——背后思想都是相同的。使用少量元素,按照极简方式排布,在页面上创造出对比,正确引导用户的注意力。    扁平化是潮流中的先行者。究其原因,是因为设计师能够通过各种方式,在简单的界面内体现多层次的复杂性。    我预料扁平化设计会作为一种趋势,求新求变,持续演进。同时保持最核心的简洁,使它引领潮流。

  长投影

  我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。

  但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。

  毕竟,没有光哪来阴影?

  更重要的是,长投影为画面增加了一种反差元素,使得整个视觉体验变得有吸引力。要达到想要的效果,甚至投影都不必那么长。

  色彩运用:鲜明色彩与辅助色

  色彩是扁平化设计的重要能力之一。

  明亮、积极的色调,成就了许多扁平化的设计,用以弥补视觉表现力上的欠缺。扁平化设计中的投影装饰,看起来跃然纸上,为设计增添了鲜活和动感。这与其他动态视觉元素能够很好配合,例如视觉差滚动和CSS动画。

  而且,这些明亮的色彩能作为一种辅助色,用在柔和的背景上。这似乎成为了一种标准的未来趋势。就像这样:

  深色背景上的亮色图片绝对足够给人留下深刻印象。强烈对比的视觉元素,更是与如今的扁平化趋势形成完美的配合。通过简单或夸张的手法来突出事物,其中也包括字体。

  简单/夸张的字体

  如今的“扁平”字体通常由单一字体组成,或者是两种非常接近的字体。这一点造就了易读、易辨识且默默无闻的字体。这正是关键所在。

  你不希望字体分散注意力。如果字母带有过多的风格与个性,就会阻碍用户的阅读流程。

  最好的做法是“隐形的设计”,换句话说,就是做出让用户不会注意到的设计。因为每当他们留意设计,就会丧失沉浸式的体验。

  当然,你也可以走另一个极端。在处理极简式界面时,你得调整所加入的元素。在空白背景上使用大的粗体字,可以为界面的文案营造出独特的语境。如果界面没有其他任何视觉元素,你就必须呈现出某种美感,而且能用的也只有字体和颜色。

  幽灵按钮

  要做到漫不经心——甚至如空气般透明——那我们就得花点功夫来谈谈幽灵按钮。

  你能一眼就找出下图中的幽灵按钮吗?它们并不显眼,这正是关键。透明按钮给用户一种暗示,导航项未必会从下层的视觉重点上抢夺注意力。

  结论

  总而言之,扁平化设计的元素与其演化的成果,全在于吸引注意力。

  无论是使用浮夸的背景或焦点图等视觉元素,还是极力克制,只用文字或导航提示——背后思想都是相同的。使用少量元素,按照极简方式排布,在页面上创造出对比,正确引导用户的注意力。

  扁平化是潮流中的先行者。究其原因,是因为设计师能够通过各种方式,在简单的界面内体现多层次的复杂性。

  我预料扁平化设计会作为一种趋势,求新求变,持续演进。同时保持最核心的简洁,使它引领潮流。

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

网站UI设计公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

网站UI设计相关文章

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
网站UI设计相关任务
DESIGN TASK 更多
简单网页设计

¥1000 已有2人投标

跨境电商UI设计,专业对口

¥5000 已有1人投标

网站整体页面设计开发

¥10000 已有26人投标

外包网站设计

¥999 已有1人投标

五金店网页设计

¥999 已有1人投标

化妆品网页设计

¥998 已有1人投标

网站UI设计服务排行榜
SERVICE LIST 更多
网站建设 网站制作 做网站...
¥2000元 /一口价 成交13
鼎茂旗舰店
网页设计
¥500元 /页 成交11
深圳市中南网络科技有限公...
【定制】详情页设计宝贝描...
¥1000元 /起 成交9
超体文化创意
企业官方网站设计
¥8600元 /件 成交8
老谋子高端品牌设计机构...
网页设计|UI设计|整站设计...
¥699元 /起 成交8
夸米-创意家 QQ79643190...
网店设计 网店装修 店铺设...
¥3300元 /套 成交7
武汉麦克达克电商设计...
UI设计
¥100元 /页 成交6
洛阳简云网络科技有限公司...
插画 吉祥物设计
¥1000元 /款 成交5
山东卓汇文化传播有限公司...
ppp公司网页设计
价格面议 成交5
html5页面设计
网页设计,
¥388元 /次 成交5
尚居墅设计有限公司™...