如果你是设计师会怎么运用扁平化网页设计设计

Service Unavailable
Service Unavailable
HTTP Error 503. The service is unavailable.&昆明平面设计培训
&昆明景观设计培训
您的位置:
&& 浏览信息
&& 浏览信息
扁平化设计:你能从中得到什么收获?
来源:中国设计网&|&发布:&|&作者:中国设计网
&|&浏览:1540次
扁平化设计 - 一种受欢迎很久的设计观念 - 现在正在重新回归。
很多新设计和新网站都在使用扁平化的设计方案,这种趋势几乎出现在网站设计和 APP 设计的任何地方。由于 Windows 8 的发布 和 google 的新设计,使这种趋势更加流行,他们都在使用优美的扁平化设计。其它很多受欢迎的网站也都在使用这主题。
你能在你的项目中使用这些吗?你敢让这些更简洁的设计方案为你工作吗?
扁平化设计是漂亮的、可爱的设计。她不会有很多多余的装饰元素,她以干净的简洁的方式来传达信息,提升你的产品、想法。下一波设计趋势来临之前,是时候使用他们了。
扁平化设计是一种不使用任何额外效果的计方案,她不包括任何 3D 效果。这里没有很深的阴影,斜角,立体效果,渐变或者其它方法创建的凸出或者凹陷效果。图标和 UI 元素都是很鲜亮的,没有边缘效果和阴影。
扁平化设计就是这样 - 一切都是平的。
扁平化设计并不是完全没有效果的,她只是没有那些多余的「人造的」阴影和维度。越来越多的设计「几乎都是扁平的了」,他们的整体样子和观念都只包含很少的效果
实现扁平化设计的一些技巧扁平化的设计并不是让你忘掉所有的装饰效果。
关注颜色。扁平化设计经常使用很多鲜艳的色彩。从色块、图形、栏目条到版面,颜色都是一个关键的组成元素。考虑下从你的 LOGO 到网站都使用彩色。扁平化的设计方案都是使用黑色和白色的,但是如果你使用更多的颜色将会收到更多更好的效果。
注意排版。文字是最基本的 - 他们传达信息,提供导航工具,告诉用户你的网站是做什么的。对文字进行有趣的、不同的排版 - 没有 Arial 在这里。为你的消息选择合适的字体。记住扁平化的设计方案经常是简洁和简约的,所以好好考虑使用什么样的排版方式。在方案中使用简单的无衬线字体你会得到很多变化和收获。或者,为了给用户带来一些小的惊喜可以使用一种新的类似艺术元素的字体,注意是简单的字体。
关注文字。很多扁平化的设计为保持简单的流程和感觉只会包含很少的文字。所以注意你每一处的文字长度。
简单的用户界面和 UI 元素。点击按钮不需要过度设计和很复杂。长元素是需要确定意义和有明确用途的,他们会非常有作用(效果)。这些可以以不同的形式来表现 - 色彩、轮廓线、区块,或者是使用不同的字体或图形。
创建层级。对于任何一个网站创建明显的层级感是很极其重要的。在扁平化设计里,在一些主要的点击区域总有一些争论 - 表示阴影,渐变,斜角或者其它的效果 - 应该尽可能的少。确信用户可以自己使用导航,并且不用考虑太多就能很轻松的使用你的网站。链接尽可能的清楚,不管是使用不同的颜色还是放在一个方框中,他们都要确保能被点击。
扁平化设计的命名扁平化设计(flat design)是一个很有争议的名字。争论的问题是这个名字并不能真实的表达出你所看到的。不同的公司和组织开始尝试使用其它的名字 - minimal design,honest design,甚至微软已经开始使用 authentically digital 这样的名字。你有什么想法?欢迎到 branch 上讨论此问题。
扁平化设计的灵感
现在在开发者或者设计师社区里有很多关于扁平化设计的讨论。在 Pinterest 和 Dribbble 网站上有不少这方面的资源,这些设计方案应该可以给你不少灵感,你可以考虑下在下个项目中使用他们。 (注:Pinterest 网站自己并没有使用扁平化的设计)
结论因为这种「简单」的特质,扁平化的设计方案只需要通过信息或者产品本身就能把自己的想法最好的传达出来。
简洁,清晰,简约。短小,精干,朴素。
这种设计方案在小屏幕上能够很好的工作,特别是 APP 或者是手机上的设计,但是很多人发现这种设计在长屏幕上的效果也很好。Android 和 Windows Phone 系统都在使用这种扁平化设计方案。(iPhone 使用的是另外一种设计方案,skeuomorphic scheme.)
扁平化的设计其实是很难设计的,你只能把注意力都集中到每一个细节上面去。因为没有阴影和其它的效果去遮盖你的缺点。
扁平化设计同样能够在多色彩的方案中很好的工作。最常见的就是用很多明亮的颜色来进行设计,或者是使用黑、白、灰这样的灰度色系来进行设计。从另一方面来说,只使用黑色和白色也能实现一些扁平化的设计的。
如果完全使用扁平化的方式来进行设计,看起来会有点吓人,考虑到一个几乎扁平化的设计方案,可以在一些适当的地方最低限度的添加一些小的效果。
←&&↑&&◎&&&
服装设计师培训班日开学&&&&&&&&&&&&&[
您想学服装设计吗?您想成为一个优秀的设计师吗?您想找到一个好工作吗?请参加:云凯德设计师培训基地举办的服装设计师培训班。日开新班。
我校教学采用理论结合实践,易学易懂,特别适合原来没有基础的学员,雄厚的师资力量 先进的教学理念
圆你的设计师的美梦。
---------------------------室内设计培训班招生&&&&&&&&&&&&&[
]一、培训目标
旨在培养具有现代设计思想和理念,富有想象力、创造力和较高艺术素养,有较好手绘效果图的能力,能熟练用计算机绘制施工图和效果图的能力,全面掌握室内设计理论,熟练掌握室内设计方法,熟悉装饰材料和施工工艺的专业室内设计人才,为社会提供高质量的室内设计师。
二、报名条件
中学、中专、大学毕业生,有志于从事室内设计工作的社会各界人士均可报读。
---------------------------胡维平书法培训班招生&&&&&&&&&&&&&[
]著名书法家胡维平先生主讲。
大家可以通过腾讯的搜狗或者搜狐的搜搜,搜索“胡维平书法”就可以观看到大量胡维平先生的书法作品。---------------------------各类设计师就业培训班火爆热招&&&&&&&&&&&&&[
]各类设计师培训班日开学
昆明理工大学是云南第一个设计艺术学硕士点,云凯德设计师培训基地长期招收各类设计师就业培训班:室内设计师就业培训班、服装设计师就业培训班、平面设计师就业培训班、景观设计师就业培训班、动画培训班。
电话:5 57359
地址:昆明市环城东路56号昆明理工大学新迎校区科技楼A栋二楼
---------------------------
& 精品课程
& 投票调查
<table border=0 cellpadding=0 cellspacing=0 width=208 height=133
扁平化设计:你能从中得到什么收获? _ 昆明 著名设计师培训基地全国招生 昆明室内设计培训 昆明服装设计培训 昆明平面设计培训 昆明装饰设计培训 昆明美术培训 昆明电脑培训 室内设计培训 室内设计师培训 服装设计培训 平面设计培训 装饰设计培训 景观设计培训 室内设计师培训
&|&&|&&|&&|&帮助企业打造成功软件!
热门搜索:
最好的扁平化UI设计欣赏之应用程序网站UI
最好的扁平化UI设计欣赏之应用程序网站UI
| 作者: |
10:44:56| 阅读 0次
概述:最好的扁平化UI设计欣赏之应用程序网站UI,慧都控件网整理了10绝佳应用程序扁平化UI设计网站,让你体验界面设计师们别出心裁的设计理念。
扁平化(Flat UI)设计被设计师广泛应用到网站、应用程序中。事实证明,他们绝佳的用户体验得到了很多用户的喜爱。慧都控件网为大家整理了10个应用程序网站的扁平化UI设计,无论是网站还是其App都把扁平化设计发挥得淋漓精致,我相信,你一定会被UI设计师们别具匠心的设计所吸引。
Forgetful Chef
The Quilt App
Why you love Christmas
Over Marketplace
Get Eighty
本站文章除注明转载外,均为本站原创或翻译
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明:文章转载自:慧都控件网 []
本文地址:如何做好扁平化设计(视觉篇)
招聘信息:
扁平化设计无疑是当前讨论最多,最火的设计形式,自ios7面世以来更是将扁平化设计的讨论推向风口浪尖。
在这里我不想分析拟物设计和扁平化设计的优劣,更不想说谁更好!在形式服从内容的今天,我只能说哪种设计风格更适合你的产品,就像你问我水和酒哪个好喝一样,我没有办法回答,只能看此时你最需要什么。
首先我们来看看为什么会出现扁平化设计,有人说是对拟物设计审美疲劳了,有人说是一群高级设计师为寻求突破做出来的设计潮流,有人说,是从平面设计中演化而来?
我认为这些都对,扁平化设计是设计发展的必然规律。
举例:来看看我们的文字发展:
最初人们用图画文字(象形字)来纪录,这是一种最原始的造字方法,把想要表达的物体的外形特征描绘出来,慢慢的演化到繁体,到现在的简体
(素材来源:百度百科)
也许设计也正是在遵循这样一个从繁到简的发展规律,从写实拟物到抽象扁平。
当然,幸运的是我们正在见证这个演变的过程!
所以大家不用特别喜欢或者特别反感这种设计,应该承认扁平化设计是当前的一个潮流,也是一个发展趋势。
作为一名设计师,能适应当下潮流并把握住潮流也是非常重要的,所以我收集了一些关于扁平化设计的做法,这里主要偏视觉侧,欢迎大家一起来讨论
1.去掉特效
先来看一组对比图片
(素材来源:dribble)
同样是镜头的设计,在扁平化中去祛除了渐变,阴影,质感,等各种修饰手法,仅用简单的形体来表达,显的干净利落。
做减法,这第一步应该是最容易的。
2.简化提取
首先我们来看看做简化和提取的一个典型例子--毕加索画的牛
(素材来源:百度百科)
一头牛从最初的写实到最后仅仅只用几根线条来表示,整个简化的过程也经历了好几个步骤,当然这里对设计师观察和提炼能力要求很高,要充分了解对象物的本质,懂得巧妙的取舍,用极简的要素,在没有更多特效装饰的情况下表达清楚内容,在界线与轮廓的高对比下,表现出物体的美感。
我们来看看毕加索的一些代表作能不能从中找到扁平化的特点 &毕加索被称为立体主义流派的主要将领。
过去的画家都是从一个角度去看待人或事物,所画的只是立体的一面。
立体主义是以全新的方式展现事物,他们从几个角度去观察,从正面不可能看到的几个角度去观察,把正面不可能看到的几个侧面都用并列或重叠的方式表现出来。
(《亚维农少女》,素材来源:百度百科)
在《亚威农少女》中,五个裸女的色调以蓝色背景来映衬,背景也作了任意分割,没有远近的感觉,人物是由几何形体组合而成的。
(《三个乐师》,素材来源:百度百科)
《三个乐师》是毕加索以几何形体造型的立体主义的代表作。这里,几何结构集中到画面中心线,同时向外到画的边缘又更加松散和开放,这样,人物便明确地出现了。毕加索能把线结构与调和得很雅致的短笔触结合起来。
(《瓶子、玻璃杯和小提琴》,素材来源:百度百科)
在这幅画上,可以分辨出几个基于普通现实物象的图形:一个瓶子、一只玻璃杯和一把小提琴。它们都是以剪贴的报纸来表现的。
简化和提取确实不是一朝一夕的事,对设计师的要求也非常高。这里平时可以多多练习观察,建议可以看看传统绘画-白描和传统的剪纸艺术,以及传统纹样。古今中外在很多艺术表现和扁平化设计都有异曲同工之妙。
白描:(用墨色线条勾描形象而不施彩色的画法)
(素材来源:昵图网)
剪纸(将不同时空和不同空间的物体放在同一个平面上。仅用点线面的组合借助静态的平面化表现)
纹样(仅仅用形状和线条就能表现出各个品种梅花的不同特点)
只要仔细观察,认真提炼,任何事物都能用极简的方式表现出来 。
练习举例:
如果要你拟物画出以下两种梅花,应该很容易。
但是你能通过观察,发现他们的区别并用简单的线条提炼画出来吗?(有兴趣的同学可以尝试画一下)
3.巧用色彩
在扁平化设计中,色彩运用的是否到位,无疑是这种设计风格中很重要的一个环节,看很多作品,在色彩上更多的强调更亮 、 更鲜艳。
在以往的设计中,大多数情况下设计一个作品更专注在两三种颜色之间,而扁平化设计的色彩往往在6到8种。
以下收集了一些颜色使用频率比较高的作品,如图
蓝/绿色:
裸色(粉色):
(以上素材来源:dribbble)
这里除了颜色的搭配还有一点就是,在很多时候扁平化的视觉设计中,是很少有线条出现的,更多是用色块来表现各种关系。(怎么用色块表现,这里应该也可以有一个专门的分享)
当然也有一些是走复古风,同色系,和低饱和度??等等的
重要的是各种调调放在一起看起来要和谐(素材来源:dribbble)
4.排版很重要
由于在扁平化设计中采用的都是极简的元素,所以,排版就显的尤为重要。
据说扁平化设计的起源来自于瑞士平面设计,那我们先来看看瑞士平面设计。
第二次世界大战结束后,平面设计经历了一段时间不长的停滞。到20世纪50年代期间,一种崭新的平面设计风格终于在联邦德国与瑞士形成,被称为&瑞士平面设计风格&(Swiss Design)。由于这种风格简单明确,传达功能准确,因此很快流行全世界,成为二战后影响最大、国际最流行的设计风格,因此又被称为&国际主义平面设计风格&(The International Typographic Style)
(素材来源:设计之家)
简单明确,传达功能准确,是瑞士平面设计的要点,那我们来看看在扁平化设计中怎么做,又能否找到一些相对应的点了?
首先是字体:在扁平化设计风格种,字体的设计显的很重要,一种新奇的字体用来作为设计元素会发挥极其重要的作用,但是要小心,不能因为字体太新奇,而影响到了信息的传达。
瑞士平面设计中字体的运用
字体更多时候采用的是无衬线 (sans serif)字体类型
瑞士平面设计中字体的运用
请问:在扁平化设计中使用频率比较高的是那些字体?
字体,特别是中文,又是大家觉得很头痛的一个地方,同样的排版同样的背景,很多时候放英文看起来很舒服,那是因为英文的机构简洁而且可塑性很强。但是中文放上去就没有那么好的效果,相信很多设计师都遇到过这种问题。
这里关于中文字体的运用都可以专门形成一个分享来讲,这里先简单介绍。关于中文的排版可以更多的参照日本的设计,因为日文和中文在文字结构大小疏密度等方面,有很多相似的地方。
用好字体,在设计中起着至关重要的作用。
其次是大图
一张好看的图片能吸引大家注意力和点击的欲望,在加上适当的排版,再配合扁平界面,瞬间设计感倍增,上档次了有木有:)!
(素材来源:dribble)
再来是半透明
iOS 7在很多地方都用了这种设计方式。
使用这些设计方式最大的好处就是创造对比,可以让设计师通过色块,图片上的大字体或者多种颜色层次来创造视觉焦急,传说中的大气应该有这样一种效果,哈哈:)
这种效果如果运用得当的话,效果会非常震撼,但是使用这种效果必须谨慎,因为这种效果很难处理得当,有一些原则需要掌握:
只有图片和文字都可以读时,半透明效果才有意义,
在决定半透明位置的时候,你要知道遮挡了什么内容,这些遮挡是否合理
透明度的使用错误会影响到整体的设计效果和阅读性,
出于可读性考虑不要在对比强烈的图片上放置半透明元素(比如黑白对比或互补色)
不要同时运用过多半透明效果
(素材来源dribbble)
5.其他风格和细节
谁说扁平化就是单色平涂,扁平化也可以有其他风格和细节,我们来看看:
1.装饰画风格(素材来源dribbble)
2. &立体感(素材来源dribbble)
谁说扁平化设计就是色块堆积,来看看扁平化也可以有细节---色块间的变化呈现出凹凸感
瑞士平面设计中(素材来源设计之家)
3.光感,长投影和阴影/高光(素材来源dribbble)
4.动感(素材来源dribbble)
看下面的例子,当时钟在转动的时候,画面下方的图标(汉堡/饮料等)也有一个相应的动态表现,饮料也能看上去象是在杯子里晃动。
&5.质感 (十字绣)(素材来源dribbble)
其他(个人觉得象剪纸,素材来源dribbble)
其实还有很多......
扁平化是当前最流行的一种设计形式,作为设计师不一定要追赶潮流,但是一定要掌握这种技巧并懂得灵活运用。
做好扁平化设计,并不是简单的去掉拟物设计的各种修饰效果,需要设计师更多的去观察,提炼。可以从古今中外的各种艺术表现形式上找到共同点并加以运用。
扁平化设计也不是简单的单色平涂,它可以有很多细节,也可以作出质感和动感,这需要设计师们耐心的去发现。
在这趟设计潮流的变革中,我们不仅是见证者,更应该是参与者,让扁平化设计来的更猛烈些吧~:)
一天,开发gg半开玩笑似的说&扁平化视觉很容易嘛,我靠代码就能实现出来&&&
确实扁平化从一定程度上降低了设计门槛,但是用前天听到一个段子这样说&台风来了猪也能飞,这是趋势;台风走了,鹰依旧可以翱翔,这是实力&&&
(木有恶意,请不要对号入座)所以设计师们修炼好内功依旧非常重要。
有人说未来的设计趋势是:写实设计不会消失,扁平是大众的表现,而写实会像奢侈品一样的存在,定做的东西往往都会很贵~(欢迎大家讨论)
如果一个产品把希望寄托于视觉上,想靠视觉来表现产品的扁平化,显然是不靠谱的~
微信扫一扫
订阅每日移动开发及APP推广热点资讯公众号:CocoaChina
点击量7256点击量5410点击量5011点击量4902点击量4618点击量3988点击量3657点击量3652点击量3644
&2015 Chukong Technologies,Inc.
京公网安备89}

我要回帖

更多关于 扁平化设计教程 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信