网页极简风格网页是从什么时候开始流行的

览姑娘请你听《横扫面试官》
深圳市一览网络股份有限公司(股票代码:833680)
版权所有 &从极简风到笑脸风,Acne凭什么能圈粉无数?
从极简风到笑脸风,Acne凭什么能圈粉无数?
除了极简和笑脸,Acne Studios还有好多新奇东西呢,不信你就来看看。
Acne Studios是什么? 第一次看到它的人估计会一脸茫然。其实在时尚圈它早就已经火到没朋友了。如果你还不知道这个时尚品牌,那真该来好好看看。
不知道Acne Studios没关系,你只要看几张这个牌子的明星街拍照,就会有一种“原来是它”的感叹。被杨幂穿火的大衣和围巾都出自Acne。
国民男神李易峰的这件简约风格的灰色毛衣也是Acne家的。
Angelababy身上的这件廓形羊羔绒外套同样也是出自Acne Studios。
简约北欧风 Acne Studios来自瑞典斯德哥尔摩,是由总设计师Jonny Johansson和另外三个合伙人在1996年成立的时尚品牌,最初的时候它只是一个时尚工作室。 据说Acne是雄心(ambition)、创意(creative)、新颖(novel)、表现(exhibit)的英文首字母缩写,总设计师给出的解释是:以创造新颖的表达方式为目的。 从创立地点就能看出,这又是一个近几年很流行的北欧风格时尚品牌。
爱摇滚的设计师 能创立出这么一个受欢迎的时尚品牌,总设计师Jonny Johansson也是个有点个性的人。 Jonny是商学院毕业的高材生,学生时代的他是个不折不扣的摇滚青年,曾自己组建乐队到处演出。因为想要被人记住,所以他选择站在乐队最前面做吉他手和主唱。 最早他从瑞典的一个小镇来到斯德哥尔摩一心想当一名摇滚音乐人,没想到机缘巧合下,完全没有经过专业服装设计训练和时尚背景的他之后会建立一个叫Acne的创意王国。
Acne为什么这么火? 这得从它的成名之物牛仔裤说起。一天Acne Studios里的几个设计师为了好玩突发奇想,设计并推出了一百条牛仔裤当礼物送给身边的朋友。 没想到这批牛仔裤大受欢迎,人们纷纷要求Acne出售牛仔裤,他们也因此收到大批的订单,而牛仔裤的红色Stitching也顺理成章成为了Acne的品牌标志。
SKIN 5就是那条让Acne成名的牛仔裤,你能在任何牛仔裤排行榜上看到它。
这条牛仔裤到现在都还热度不减,即使没有超模般的身材你也能轻松的hold住它。 因为它的牛仔布料很柔软,还带有适度的弹力,穿起来很舒适。 不管你是穿踝靴还是运动鞋,它都很好搭。最重要的是它还有修正体型的视觉效果。
虽然近两年很流行“性冷淡风“,但这却是Acne一贯的设计风格。 从T恤、牛仔裤到大衣、夹克和配饰,Acne一直在用简约的设计征服大众。Acne 的设计关注的是整个时尚艺术界而不是他们自己。 “我们不是要炫耀和吹捧什么,我们有自己的审美,尽管它有些尖锐或先锋,但仍旧和人们的生活息息相关。” 这是Jonny在最开始为Acne定下来的基调,也是Acne能成功俘获大众喜爱的关键所在。
哪些单品最值得买? 除了上面说过的牛仔裤以外,Wonder Tee,Pistol Boots都是Acne家经典中的经典。半高领的廓形卫衣虽然设计简约,但却是各路明星休闲风格中常见的单品。
帅气的廓形羊羔绒外套,在秋冬季节也是霸占各路街拍的时尚单品。简约的机车夹克款型,羊羔绒的内胆,搭配起来既时尚又温暖。
Smiley face笑脸系列的帽子,简单的螺纹针织款式,随意一搭配就能很有时尚sense。
Smiley face笑脸系列的休闲鞋也是经典又百搭的时尚必备品。它的售价为$430,人民币2800元左右。
Acne家的太阳镜,因其简约又有细节的设计,搭配起服装来也是时尚满分的单品。
彪悍的Acne Acne还是一个创意媒体,当中包括Acne Film、Acne Creative、Acne Digital 及Acne Jeans,创意覆盖电影、广告、平面设计、甚至动画的人物设定,而时装,只是它众多范畴的一部份。未来Acne Studios还将进军家具行业,喜欢这一风格的你期待吗?极简风格的原则运用到网页设计中的方法-海淘科技
400-006-8956
> 极简风格的网页设计方法
海淘科技编者,这里为大家推出的是《极简风格的原则运用到网页设计中的方法》不单单是网页设计的布局上说哦,还有色彩方面,这是相对较为全面的极简风格网页设计的方法。
极简风格能帮助用户简化操作,兼容性好,载入页面快等等优点,不过虽然看起来简单,我们需要考虑的东西可一点都不少。这一次,就让我们一边学习简约风格的原则,一边将它应用到实际网站制作中去吧。
详细从以下开始。
什么是简约风格的网站?
扁平设计、英雄形象和汉堡包菜单等等许多这些现在流行的设计趋势,都是于2000年开始逐渐受到极简风格的影响才诞生的。
「这里的英雄形象指的是:在网站首页上使用的大尺寸图片。在日本,作为视觉的关键,也被称为主视觉。在Bootstrap中也有命名为「Hero
unit」的组件而被大家广泛使用着。」
现在为我们提供了许多服务的google,它的主页也已经有15年以上没有变动过了。
谷歌一直被评为采用简约风格的Web界面的先驱,自20世纪90年代所提供的测试版以来,一直都很重视界面的简洁性。
关于简约风格的讨论还在继续,但也有一些很多设计师都认同的共同点。那么,就让我们一起来详细的看一看简约风格究竟有着哪些特征吧。
只有必要的元素
简约风格的哲学非常简单,即“少即是多(英文:Less is More)”。在 网页设计 中,只使用真正有必要的要素,就可以实现更多的事情。简约风格的
网页设计 策略,就是删除用户操作时不必要的内容,以实现接口界面的单纯化。
屏幕上的要素越少,所留下的要素就会变得更强。如果在屏幕上的设计要素只有一个,信息就能很准确的传递给用户。
极简风格是删除所有让用户无法专注于内容的元素。但与此同时,为了防止删除或者隐藏了对用户来说真正必要的内容,而让用户的操作感到困难,你需要仔细地检查。对内容的周围加以设计,使用户不会感到混乱,让我们留下一些辅助元素(如导航菜单)吧。
简约风格的最常见的元素,就是什么设计元素都没有。简约风格最重要的一点就是负空间或留白空间,这些将有助于引导用户的视线。在设计要素的周围留有许多留白空间,就可以很好的将用户的视线集中起来。
留白空间对简约风格来说是最重要的元素。
在简约风格中,每一个设计的细节都是非常重要的。接下来介绍一些在设计中可以灵活使用的要点。
平整纹理(英:flat textures)
在简约风格的界面中,简单的纹理和图标是经常被使用的图形元素。在界面中,不管是清晰高亮的效果、模糊阴暗的效果还是给UI
元素添加上光泽表现3D的效果都是没有必要的。
色彩鲜艳的图片
图片是简约设计中最醒目的要素,可以渲染出作品的氛围。然而,我们也需要谨记,必须要使用抓住了简约风格特点的图片。选择了错误的图像(如乱七八糟不能集中的图像),它会抵消采用了简约风格界面的好处。
△ 简约风格中最抢眼的英雄图像
用最少的颜色
在简约风格中,无需添加设计元素和图形,只使用颜色便能引起视觉上的关注,将视线集中到元素之上。因为使用的颜色数量必须很少,所以必须做出具有创意的视觉性层次感效果。
△ 用户所能利用的有效情报很少,配色就会变得显眼,对网站也会有着显著的影响。
大胆的印刷体,侧重于将瞬间描述所记载的词汇和内容作为焦点,以达到更有趣味的视觉效果。当你使用引人注目的具有魅力的印刷体时,使用文字来传递情报是非常有效的。
想传递信息时,请使用具有魅力的印刷字体吧。
由于使用了比平时较少的设计元素,当你想创建一个具有视觉性层次感的画面时是非常有创意的想法。在下面的案例中,白色的背景与黑色的宝石作为视觉性的要素被使用,实现了经典的简约风格。
简约设计中,多数情况下只使用一种颜色作为重点,那个颜色可以强调重要元素。
简约Web风格的实践总结
对于简约风格,请不要以为看起来简单,做起来就会很容易。使用的设计元素很少,界面也变得简单,所以有必要给用户提供在同一平面内舒适的体验。
一个屏幕,一个焦点
遵从“一个页面一个概念”的原则,以单一的视觉要素为中心传达一个概念为吸引点,在各个页面都用心设计吧。
将魅力展现在首屏
充分配合留白空间的重要内容,然后随着滚动不断提高内容的密度吧。
简单易懂的宣传词
《The ELements of Style》作者Strunk先生与White先生,提倡“省略不必要的单词(英: Omit needless
words)”。将完成的内容再编辑,选择传递信息所需的最低限度的单词吧。
让导航菜单变得简单(但不是隐藏)
简单易懂的导航菜单一直是 网页设计 中非常重要的要素。然而,这并不意味着将它隐藏起来。
在使用汉堡菜单简化界面之前,让我们先确认为什么要使用它。汉堡菜单会让菜单的各个项目变得很难找到,这是你所必须注意到的。在多数情况下总是显示的导航菜单是有效的。让我们比较一下下面的案例。
△ 上面的案例是点击才会显示导航菜单,而下面的则是总是显示导航菜单。
尝试使用动画
由于使用动画效果的机会越来越多,尚未使用动画效果的简约风格的网站人气恐怕会下降。但是,这些新的效果也需要遵守简约风格的原则,谨慎小心的使用。
为着陆页和投资网站保留简约风格
「这里的着陆页指的是:在互联网营销中,引导页就是当潜在用户点击广告或者利用搜索引擎搜索后显示给用户的网页。一般这个页面会显示和所点击广告或搜索结果链接相关的扩展内容,而且这个页面应该是针对某个关键字(或短语)做过搜索引擎优化的。」
重视内容,所有的网站都可以使用,但不一定都是合适。简约风格的目的非常简单,正如下面的例子,他适合着陆页(英:Landing
Page)和投资网站(英:portfolio sites)这类内容相对较少的网站。
△ 设计师Brian Danaher的投资网站,对大多数设计师来说是一个典型的简约风格的例子。
越是复杂的网站想使用简约风格的效果,就越是困难。内容丰富的网站,由于缺少设计要素恐怕将会给用户带来混乱。在这种情况下,创建具有简约风格的着陆页,可以帮助你的用户浏览到他需要浏览的详细内容。
与简约风格相关的工具
Minimalist Color Palettes :一些简约风格的配色方案,将帮助你脱离标准的黑白设计创造更多的组合。
Color Contrast Checker :输入前景色和背景色,计算机自动帮助你计算百分比,轻松的就能创建很棒的颜色组合。
简约风格的网站,通过删除不必要的设计元素和与用户目的无关的内容,将网页的接口变得简单。为了使这一类型的网站变得具有非凡的吸引力,精炼的设计与简易的操作相组合是非常重要的。能更简单地诱导用户的网站,会成为非常强有力的交互工具。
想看更多的网页设计资讯,可直接点击:,进行跳转。
相关文章:【图片】新技能Get!设计完美极简风网站的六个步骤【前端开发吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0成为超级会员,使用一键签到本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:27,151贴子:
新技能Get!设计完美极简风网站的六个步骤收藏
在刚刚过去的几年里,涌现的许多网页设计趋势正在逐渐成为主流,引领我们走向未来。其中,极简主义网页设计正式其中之一。极简设计风格不会随着时间褪色,随着现代主义运动至今,它一直活跃于各个与设计相关的领域,而如今,它为何不能成为网页设计的趋势呢?
色谱柱选购,当然菲罗门。
除了看起来看起来比较漂亮之外,极简风格的设计还能提高用户体验。这些年来,用户一直在吐槽现在的网站导航繁复、网站布局冗杂。太多的内容挤压在同一个页面中,让整个用户体验直线下降。设计领域中,常常用“少即是多”来阐述极简风,截至目前,这句话还是对的,尤其是针对步入21世纪的网页设计而言。1、拥抱扁平化设计众所周知,扁平化的设计风格正在逐渐取代以苹果式拟物化设计(skeuomorphism)为代表的写实风格,而苹果本身也正在构建苹果自身的扁平化设计风格,使用大胆鲜亮的色彩来吸引用户的眼球。 另一个主动拥抱扁平化设计风尚的先行者就是微软了。微软的windows phone 和windows 8系列操作系统就是使用扁平化设计风格的典型,现在微软的官网也将扁平化的设计贯彻到底了。这也就意味着微软已经在全平台上高度一致地贯彻了扁平化设计。因此,在微软的网站上并不会感受到阴影和渐变,一切都在2D平面上。标题和正文的字体都没有纹理点缀,页面布局干净清爽,毫不杂乱。图标和按钮都使用的充满货的扁平化设计,连windows 8 开始界面中背景上的元素也都是扁平化的设计。2、留白不管你习惯称之为负空间还是留白,它都非常聪明地引导你关注网页的重要内容,同时它也是极简风格的典型特征。越来越多的网站开始使用这种设计,设计师们逐渐意识到这种设计是多么有用。最简单的案例就是大家常用的搜索引擎:谷歌和百度。它们是留白的典范,所有无关紧要的元素都被移除,搜索框吸引了用户全部的注意力——它就是要你输入,然后回车、搜索。留白或者负空间的存在是极简主义最明显的特征,它们的存在并不意味着那些地方无内容,它们和它们所衬托的主体元素是相互依托的关系。3、有限的选择对于任何电商或者B2B的网站而言,网站设计的主要目的之一就是提高网站转化率,降低网站用户选择的难度。当你将不必要的选择从网站中移除之后,用户受到无效信息的干扰将降低,更容易达成目标,转化率自然会有所提高。因此,有限的选择也是极简风格网站的一大特征。 极简风格网站的登录页是展现“有限选择”魅力最合适的地方。Gengo就是这样一个案例,作为一家专业的字幕翻译公司,Gengo的登录页只有一个输入框和一个翻译按钮i,用户完全无需做选择——他们只能输入内容,然后翻译转换(当然,是收费的)。当然,对于那些狂热的极简主义分子而言,Gengo可能还不够纯粹,因为顶上的导航栏依然具备干扰用户视觉的可能性。4、专注于排版如果你真的想深入了解极简设计的精髓,那么不妨看看Brian Danaher的网站。Brian是一名设计师、插画家以及艺术总监。正如你所看到的,它的网站主要倚赖于两大设计方法:加粗字体,和你永远无法错过的单栏式布局。就这么简单!虽然看起来有点简单粗暴,但是Brian的这种设计实现了两个至关重要的目标: 1、导航栏设计成单栏的形式,主要的信息清晰直观地展现在用户面前,Brian是谁,他是做什么的,他的作品有哪些,怎么联系他,都清晰地呈现在屏幕上。2、Brian成功地使用对比度(字体和背景的色彩对比,字体和字号尺寸的对比)给用户呈现出有趣的内容。5、简化导航栏当我们探讨极简风格网站的时候,常常会忽略导航栏菜单的设计。它可以做的非常大,来强化网站视觉,也可以融入网站背景,以一种静默而无干扰的姿态呈现出来。 看看身为摄影师和设计师的Cristian Ordonez是怎样设计网站的吧。在他的网站上,导航栏并没有像其他网站一样一长条横跨网站顶部,导航栏的项目只是安静地置于右上角。由于不存在更多的下拉菜单,所以也没有更多的层。菜单的颜色也巧妙地融入到背景中。6、使用色彩补丁在网站设计中合理使用小色块可以让用户更容易注意到页面重要的部分。960 Grid System 网站就是实例。960栅格系统就是希望能简化网站的开发流程,所以965 Grid System网站本身就灵活地使用栅格系统系统,将不同的内容分块展示出来。黄色的“view demo”在深色底和白色文字为主的网站上非常明显又不会喧宾夺主,左上角的Twitter图标则直接链接到网站主设计师Nathan Smith的Twitter上。 了解极简风格你就能用好它跟一部分设计师提及极简风格设计的时候,他们会错误的认为使用这种风格设计的网页不够吸引力,然而事实上,极简风格下已经有了如此多的优秀设计。极简风格的网站不仅会更加简洁,更加井井有条,还可以与目前流行的趋势结合在一起,比如扁平化设计,比如Lowpoly,可以让网站更加出彩,带来更多的用户和收益。资料由AAA教育整理
登录百度帐号推荐应用}

我要回帖

更多关于 极简风格网页 的文章

更多推荐

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

点击添加站长微信