如何将一个网站设计得简约时尚

早在小编上大学就喜欢日本简约的设计风格,从田中一光到现在的原研哉,他们一点点的将日本设计带向了全世界。现在大家说的日式风大都是简约风格,这样设计风格最近几年也一直被推崇着。

前面跟大家分享过留白在网页中运用的重要性,今天要分享的是网页设计中简约的重要性。

我们说的简约设计是将设计回归本质的一种设计理念。在网页中,简约的设计,往往具有清晰的页面结构、简单的交互操作等特征,视觉效果也比较不错。

在网页中,可以通过下面这些方式达到界面简洁:

1.banner标题清晰

banner处于网站的一个比较重要的位置,所以在banner的设计上一定要多下一些功夫。

首推的是文字标题的设计,大标题一定要大,配以小字做装饰,这样的设计容易吸引人的眼球,不会有太大的失误,比较容易出彩。在标题的设计上,还要注意色彩的搭配,尽量选择一些简单、颜色单一点的,这样视觉会更纯粹。

简单举例对比一下,这是小编给大家做的一个例子分析:

同样的字体背景图,同样的排版,可以看出来右图的大标题比起左边的标题,视觉冲击力会更强一些。

再来看看国外的设计案例,Impero国外设计公司网站,这个网站banner也是采用大标题的形式来设计的,这样的设计冲击力强,容易吸引眼球,达到目的。

2.banner图

都知道设计师要做一个好设计的前期,是要花很多时间找素材的。所以一个好的图片是可以达到事半功倍的效果。

选择一张好的图片来做网站的banner图,这个工作是很重要的。最好是选择干净简洁的图片来做为素材图,避免那些背景凌乱的图。没办法真需要用复杂背景来做素材的话,字体的设计就要做一些适当的变化,避免标题被复杂背景弱化掉。

夕阳的美丽的酒店网站首张banner图的选择就挺好的,简洁的背景图,配以简单的两行文字,简洁又容易出效果。这样的设计方式其实适合各个行业,对设计水平要求也不是特别高,前提是要找到一张好的素材图。说到素材图,之前我跟大家分享过一些好的素材设计网站,这里再重复一个国外免费的素材图库网站,因为我真是大爱这个网站。如果需要更多,可以去翻阅我之前分享的《网页设计师常用的一些工具素材合集》。

Pixabay

3.留白

留白,是页面构图的重要组成部分,适当的加入留白,能让文字便于阅读,让页面各元素得到很好的区分。大面积的留白,搭配简洁的排版,可以让受众的视觉更为集中,很好的给用户做引导。

Vincit Beer啤酒网站简约大气,大部分的留白让受众反而第一眼看到了啤酒产品。

4.单纯色彩

通常我们打开一个网站,给人带来第一印象的往往是这个网站的色彩。不同的颜色带给人不同的心理感受,比如红色让人热情,绿色充满希望等等。用简单纯粹的颜色也可以打造简约的设计感。

酷九设计,用最简单的方式表现最纯粹的视觉,更加有感染力。当然,我说的纯粹的颜色不只是指白色,很多颜色也可以做出这种纯粹的效果。

2017 Make Me Pulse这个网站用了渐变色的效果,但也做出来纯粹简约的感觉,网站的交互也挺有意思的,大家可以都去看看。

5.“纤薄”文本和铵钮

在网站当中,要想将网站设计得简约大方,在一些细节的设计上也要注意一下。

可以将文本框或是铵钮元素做得轻薄简洁一些,线框类的元素可以设计得洗一些,会显得精细一点。同时,网页中出现的字体可以用细一些的字体,或者将font-weight的数值调小一些。

这样的设计在确保功能性的同时,给人一种纤细的视觉美感。

EWA APP应用产品网站,利用纤细线框,将内容很好的分割,页面简洁而大方又不失品质。

通过上面几种方式可以打造简约时尚的网站。下面再给大家推荐几个简约时尚的网站,小编喜欢这种风格的,所以多分享几个:

kirala饮水机产品网站

MOE时尚服饰网站

Creative Wallonia 创意设计网站这个网站我真建议大家点进去看看,这个交互效果很有趣,可以在里面画很久。

最后再给大家推荐一个好用的建站系统——蝉知企业门户系统,这是系统小编我一直在用的。要知道,小编跟这个建站系统也是拥有一段故事的,以后有机会再跟大家分享。主要是希望更多人可以发现蝉知这个系统。这个建站系统虽然不像wordpress那么广泛被知道,但是我觉得这个系统会比较适合国人的使用,唯一不足的是模板比较少。但是如果知道seo的同学,那这个建站系统对他们来说真的是利器啊,因为用这个系统做的大部分网站,seo排名都是某度的首页前几。

蝉知建站系统

网页中的简约,表现形式还很多,通常多种结合起来使用,这里就不一一说明了。想要做到简约,也并不是一件简单的事情,它需要我们用心去发现、感受、割舍、提炼,从视觉体验的角度去感受网页的简约之美,把信息更合理、有效的传递给用户,给用户带来轻松、实用、愉悦的体验。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容