欢迎访问上海特蓝信息科技有限公司,任何服务请联系我们 咨询电话:021-54256069服务咨询

新闻详情

网页运用简约风格的六个技巧

日期2021.10.14

精约规划是将规划回归实质的一种规划理念。精约并不是对内容的简略删减,而是提炼规划精华,满意漂亮有用的实质诉求。在网页中,精约的规划,往往具明晰的页面结构、简略的交互操作等特征,在满意传递信息的一起,从视觉体会的视点,为用户带来轻松、愉悦的美感。那么怎样才能规划出完美的精约风格网站呢?今天上海网站建设为咱们讲解下用六个技巧搞定完美精约风格的网站规划。

1、简化导航栏

当咱们讨论精约风格网站的时分,常常会疏忽导航栏菜单的规划。它能够做的十分大,来强化网站视觉,也能够融入网站背景,以一种静默而无搅扰的姿势呈现出来。看看身为摄影师和规划师的Cristian Ordonez是怎样规划网站的吧。在他的网站上,导航栏并没有像其他网站一样一长条横跨网站顶部,导航栏的项目只是安静地置于右上角。由于不存在更多的下拉菜单,所以也没有更多的层。菜单的颜色也奇妙地融入到背景中。 

2、拥抱扁平化规划

众所周知,扁平化的规划风格正在逐步取代以苹果式拟物化规划(skeuomorphism)为代表的写实风格,而苹果自身也正在构建苹果自身的扁平化规划风格,运用大胆鲜亮的颜色来吸引用户的眼球。 另一个自动拥抱扁平化规划风尚的先行者便是微软了。微软的windows phone 和windows 8系列操作体系便是运用扁平化规划风格的典型,现在微软的官方的网站也将扁平化的规划贯彻到底了。这也就意味着微软已经在全平台上高度一致地贯彻了扁平化规划。因此,在微软的网站上并不会感受到暗影和突变,一切都在2D平面上。标题和正文的字体都没有纹理装点,页面布局洁净清新,毫不凌乱。图标和按钮都运用的充满货的扁平化规划,连windows 8 开端界面中背景上的元素也都是扁平化的`规划。 

3、专心于排版

假如你真的想深化了解极简规划的精华,那么无妨看看Brian Danaher的网站。Brian是一名规划师、插画家以及艺术总监。正如你所看到的,它的网站首要倚赖于两大规划方法:加粗字体,和你永久无法错失的单栏式布局。就这么简略!虽然看起来有点简略粗暴,可是Brian的这种规划完成了两个至关重要的方针:导航栏规划成单栏的方式,首要的信息明晰直观地展现在用户面前,Brian是谁,他是做什么的,他的作品有哪些,怎么联系他,都明晰地呈现在屏幕上。Brian成功地运用对比度(字体和背景的颜色对比,字体和字号尺度的对比)给用户呈现出风趣的内容。 

4、留白

不管你习气称之为负空间还是留白,它都十分聪明地引导你关注网页的重要内容,一起它也是极简风格的典型特征。越来越多的网站开端运用这种规划,规划师们逐步意识到这种规划是多么有用。最简略的事例便是咱们常用的搜索引擎:谷歌和百度。它们是留白的典范,所有无关紧要的元素都被移除,搜索框吸引了用户全部的注意力——它便是要你输入,然后回车、搜索。留白或许负空间的存在是极简主义最明显的特征,它们的存在并不意味着那些当地无内容,它们和它们所衬托的主体元素是彼此依托的联系。  

5、运用颜色补丁

在网站规划中合理运用小色块能够让用户更简单注意到页面重要的部分。960 Grid System 网站便是实例。960栅格体系便是希望能简化网站的开发流程,所以965 Grid System网站自身就灵敏地运用栅格体系体系,将不同的内容分块展现出来。黄色的“view demo”在深色底和白色文字为主的网站上十分明显又不会喧宾夺主,左上角的twiter图标则直接链接到网站主规划师Nathan Smith的twiter上。了解精约风格你就能用好它跟一部分规划师提及极简风格规划的时分,他们会过错的认为运用这种风格规划的网页不行吸引力,但是事实上,精约风格下已经有了如此多的优异规划。

6、有限的挑选

关于任何电商或许B2B的网站而言,网站规划的首要意图之一便是进步网站转化率,下降网站用户挑选的难度。当你将不必要的挑选从网站中移除之后,用户受到无效信息的搅扰将下降,更简单达成方针,转化率自然会有所进步。因此,有限的挑选也是精约风格网站的一大特征。精约风格网站的登录页是展现“有限挑选”

魅力最合适的当地。Gengo便是这样一个事例,作为一家专业的字幕翻译公司,Gengo的登录页只有一个输入框和一个翻译按钮i,用户完全无需做挑选——他们只能输入内容,然后翻译转化(当然,是收费的)。当然,关于那些狂热的极简主义分子而言,Gengo可能还不行纯粹,由于顶上的导航栏依然具有搅扰用户视觉的可能性。

精约风格的网站不仅会愈加简洁,愈加有条不紊,还能够与目前盛行的趋势结合在一起,比如扁平化规划,比如Lowpoly,能够让网站愈加出彩,带来更多的用户和收益。

标签: