深圳UI培训
达内深圳地王中心

134-1646-6912

热门课程

简约风格网站的基本原则与实践要点

  • 时间:2017-10-13
  • 发布:深圳UI培训
  • 来源:UI教程

简约风格网站的基本原则与实践要点

甚么是简洁作风的网站?

扁平计划、豪杰形象和汉堡包菜单等等许多这些如今流行的计划趋向,都是于2000年开端渐渐遭到极简作风的影响才诞生的。【这里的豪杰形象指的是:在网站首页上应用的大尺寸图片。在日本,作为视觉的症结,也被称为主视 觉。在Bootstrap中也有命名为「Hero unit」的组件而被人人普遍应用着。】

如今为咱们供给了许多办事的google,它的主页也曾经有15年以上没有更改过了。?如今为咱们供给了许多办事的google,它的主页也曾经有15年以上没有更改过了。

google不停被评为采纳简洁作风的Web界面的前驱,自20世纪90年月所供给的测试版以来,不停都很看重界面的简洁性。

对付简洁作风的评论辩论还在继承,但也有一些许多计划师都认同的共同点。那末,就让咱们一起来具体的看一看简洁作风毕竟有着哪些特征吧。

只要需要的元素

简洁作风的哲学异常简略,即“少即是多(英文:Less is More)”。在网页计划中,只应用真正有需要的因素,就能够够实现更多的工作。简洁作风的网页计划战略,就是删除用户操纵时不用要的内容,以实现接口界面的单纯化。

屏幕上的因素越少,所留下的因素就会变得更强。假如在屏幕上的计划因素只要一个,信息就能够很精确的通报给用户。

极简作风是删除一切让用户无奈专一于内容的元素。但与此同时,为了避免删除或许暗藏了对用户来讲真正需要的内容,而让用户的操纵觉得艰苦,你需要细心地反省。对内容的四周加以计划,应用户不会觉得凌乱,让咱们留下一些帮助元素(如导航菜单)吧。

留白空间

简洁作风的最罕见的元素,就是甚么计划元素都没有。简洁作风最紧张的一点就是负空间或留白空间,这些将有助于领导用户的眼帘。在计划因素的四周留有许多留白空间,就能够够很好的将用户的眼帘会合起来。

留白空间对简洁作风来讲最紧张的元素。

留白空间对简洁作风来讲最紧张的元素。

视觉特征

在简洁作风中,每个计划的细节都是是异常紧张的。接下来先容一些在计划中能够机动应用的要点。

平坦纹理(英:flat textures):在简洁作风的界面中,简略的纹理和图标是经常被应用的图形元素。在立体的界面中,不论是清楚高亮的后果、隐约阴暗的后果、浓淡法还是给UI元素增加之光芒表现出3D的后果都是没有需要的。

在当代的网站中,最罕见的组合就是采纳了具备视觉层次感的立体计划和UI计划。

在当代的网站中,最罕见的组合就是采纳了具备视觉层次感的立体计划和UI计划。

颜色娇艳的图片:图片是简洁计划中最醒目标因素,能够表现出情感的链接,衬着出作品的气氛。然则,咱们也需要谨记,必需要应用抓住了简洁作风特色的图片。抉择了差错的图象(如杂乱无章不克不及会合的图象),它会对消采纳了简洁作风界面的利益。

简洁作风中最抢眼的豪杰图象,在页面转动开端以前让咱们机动应用这富有魅力的图片吧。

简洁作风中最抢眼的豪杰图象,在页面转动开端以前让咱们机动应用这富有魅力的图片吧。

用最少的颜色:在简洁作风中,而无需增加计划元素和图形,只应用颜色便能惹起视觉上的存眷,将眼帘会合到元素之上。因为应用的颜色数目必需很少,以是必需做出具备创意的视觉性层次感后果。

用户所能应用的有用谍报很少,配色就会变得显眼,对网站也会有着明显的影响。

用户所能应用的有用谍报很少,配色就会变得显眼,对网站也会有着明显的影响。

迷人的印刷字体:勇敢的印刷体,侧重于将刹时描写所记录的辞汇和内容作为核心,以到达更风趣味的视觉后果。使人印象深入的排版和简洁作风相结合的案例,是应用勇敢的作风或风趣的笔墨作风。然则,当你应用惹人注目标具备魅力的印刷体时,应用笔墨来通报谍报是异常有用的技巧。

想通报信息时,请应器具备魅力的印刷字体吧。

想通报信息时,请应器具备魅力的印刷字体吧。

对比度:因为应用了比日常平凡较少的计划元素,当你想创立一个具备视觉性层次感的画面时是异常有创意的设法主意。鄙人面的案例中,红色的配景与玄色的宝石作为视觉性的因素被应用,实现了经典的简洁作风。

简洁计划中,多半情况下只应用一种颜色作为重点。谁人颜色能够夸大紧张元素。

简洁计划中,多半情况下只应用一种颜色作为重点。谁人颜色能够夸大紧张元素。

简洁Web作风的理论总结

对付简洁作风,请不要认为看起来简略,做起来就会很容易。应用的计划元素很少,界面也变得简略,以是有需要给用户供给在统一立体内温馨的体验。

一个屏幕,一个核心。

服从“一个页面一个观点”的准则,以繁多的视觉因素为中心转达一个观点为吸引点,在各个页面都居心计划吧。

将魅力展如今第一屏(英:first view)

充足共同留白空间的紧张内容,配置在不用要向下转动的第一屏(英: Above the Fold)上,而后跟着转动赓续进步内容的密度吧。

简略易懂的鼓吹词。

《The ELements of Style》作者Strunk老师与White老师,倡导“省略不用要的单词(英: Omit needless words)”。将实现的内容再编纂,抉择通报信息所需的最低限制的单词吧。

让导航菜单变得简略(但不是暗藏)

简略易懂的导航菜单不停是网页计划中异常紧张因素。然则,这其实不意味着将它暗藏起来。在应用汉堡菜单简化界面以前,让咱们先确认为何要应用它。汉堡菜单会让菜单的各个名目变得很难找到,这是你所必需注意到的。在多半情况下老是表现的导航菜单是有用的。让咱们比拟一下下面的案例。

测验考试应用动画。

因为应用动画后果的机遇越来越多,尚未应用动画后果的简洁作风的网站人气生怕会降低。然则,这些新的后果也需要遵照简洁作风的准则,谨严当心的应用。

为着陆页(英:Landing Page)和投资网站(英:portfolio sites)保存简洁作风【这里的着陆页指的是:在互联网营销中,领导页就是当潜伏用户点击告白或许应用搜刮引擎搜刮后表现给用户的网页。一样平常这个页面会表现和所点击告白或搜刮结果链接相干的扩大内容,并且这个页面应该是针对某个症结字(或短语)做过搜刮引擎优化的。】

看重内容,一切的网站都能够应用,但不一定都是得当。简洁作风的目标异常简略,正以下面的例子,他得当着陆页(英:Landing Page)和投资网站(英:portfolio sites)这种内容绝对较少的网站。

计划师Brian Danaher的投资网站,对大多半计划师来讲是一个典型的简洁作风的例子。

计划师Brian Danaher的投资网站,对大多半计划师来讲是一个典型的简洁作风的例子。

越是繁杂的网站想应用简洁作风的后果,就越是艰苦。内容丰富的网站,因为缺乏计划因素生怕将会给用户带来凌乱。在这种情况下,创立具备简洁作风的着陆页,能够赞助你的用户阅读到他需要阅读的具体内容。

与简洁作风相干的对象

Minimalist Color Palettes:一些简洁作风的配色计划,将赞助你离开尺度的诟谇计划发明更多的组合。

Color Contrast Checker:输出前风景和背风景,盘算机主动赞助你盘算百分比,轻松的就能够创立很棒的颜色组合。

最后

简洁作风的网站,经由过程删除不用要的计划元素和与用户目标有关的内容,将网页的接口变得简略。为了使这一范例的网站变得具备不凡的吸引力,精粹的计划与简略单纯的操纵相组合是异常紧张的。能更简略地引诱用户的网站,会成为异常强有力的交互对象。

想知道更多关于IT行业的信息吗?想远远不如行动,行动起来,一起加入达内,一起进入IT行业,跟着达内的脚步,一起走进如今的互联网信息时代,带给你不一样的色彩生活——【深圳UI培训

上一篇:一分钟带你了解UI设计
下一篇:UI交互设计中的维度

简约风格网站的基本原则与实践要点

一分钟带你了解UI设计

UI设计和Web哪个更容易学?

UI设计师工作经验分享

选择城市和中心
贵州省

广西省

海南省