打破平淡魔咒的网页设计

   网页设计发展到今天,虽然短短不过几年,就已有人喊出网页设计已死的呼叫。不管这种呼声是否有现实意义,笔者不得已也悄悄发现目前网站有着看似雷同的弊病。扁平化、网格式卡片、大图背景……也许你仍然觉得这是时髦设计的元素,但是作为设计师们却为此苦恼。因为设计师最讨厌的就是时髦!设计师也许是走在最前沿的那群人,但当他在前沿之时,正是还没有得到大众认可的时候。这有些像登高望远的那群人,总是很远就看到有人走过来,但是原地的人仍然觉得是空无一人。

  扁平化有他的好处,针对响应式设计的需要,几乎解决了大部分网站的结构繁冗的问题。“少即是多”也让很多人沉迷在乔布斯为我们创造的现代神话里。但是我们大部分精力已经忙于应付如何简化网站,却忘记了网站的另一个功能,那就是“吸引”。没错,媚俗!你能说媚俗不好吗?大部分嗤之以鼻的招引态度,其实每个人内心深处也跃跃欲试。难道我们做网站就是为了孤芳自赏吗?

  网站设计不是艺术品创作,但它也并不是独立于艺术而存在。找到其中的平衡点可不是件简单的活。能带给用户全新流畅的体验,我们可以为此谈上大半本书,但是这种调子太多,只会让我们行动上不知从何处开始。

  除了把我们的创造力磨练得更为敏锐以外,我们可以从国外一些成功俘获了用户芳心的网站上吸取一点实战经验。你可以从这些设计师的作品里看到他们做出的改变现状的努力,一起来打破平平淡淡的魔咒!

  1、phasesmag

  略显静态,但绝对反规则。界面依然简洁,细节却已经让人耳目一新,比如侧转90度的文字。很多人觉得文字必须清晰易读,但如果当文字旁辅佐的图片成为主角时,你可以试试用不一样的呈现文字的方式,降低它的辨识度也许也不失为一种好办法。


  2、curiousspace

  除了页面中对图片重重叠叠的范式外,我还特别看中网页的标识设计,几个随机摆放的字母,等你往下拖动鼠标时,文字就各就各位变得归正。背景纹理的运用让网站整体风格趋于华丽,但不会凌乱。


  3、letempsduntrajet

  从网站的登陆页开始,网站就以动态的效果示人,惊喜连连。


  4、builtbybuffalo

  在考虑抛弃传统的网格卡片式图片,这个网站显然是想从形状上对图片加以改变。虽然每个图片占比不大,但是作为缩略图吸引用户点击,已经足够了。而且值得一提的是,这个网站在手机上显示时,就放弃了蜂巢式的图片展示效果,而以传统的两列卡片式样展示。这是为了PC网站的风格独特性而做出的小调整。


  5、anakin

  用超大号字母来隐显下方的图片,让人眼前一亮。特别是网站下方展示图片的设计,对缩略图稍加修饰,不再拘泥于四四方方的形态,让它们各具特色,然而在整体上又不失和谐,这真是个亮点!


  6、fixate

  让网站独一无二的方式,还可以运用插画。下面几个网站都是运用插画来设计网页的例子。插画让网站更具个性,当然也投入更多的时间和人力。


  7、forbetter coffee


  8、happyfuncorp

  这个插画的首页咋一看去没什么特色,但是当你点击插画的其中一个部分,比如风车,这时就会出现一些让你意想不到的效果。这让网页充满玩乐的趣味。


  9、dconstruct

  这个网页的插画带着怀旧风格,还保留整体倾斜的一种律动感。

时间: 2024-12-31 02:34:27

打破平淡魔咒的网页设计的相关文章

来瞧瞧这些打破平淡魔咒的网页设计

  网页设计 发展到今天,虽然短短不过二十年(戳这里看网页发展简史 ),就已有人喊出网页设计 已死的呼叫.不管这种呼声是否有现实意义,笔者不得已也悄悄发现目前网站有着看似雷同的弊病.扁平化.网格式卡片.大图背景--也许你仍然觉得这是时髦设计的元素,但是作为设计师们却为此苦恼.因为设计师最讨厌的就是时髦!设计师也许是走在最前沿的那群人,但当他在前沿之时,正是还没有得到大众认可的时候.这有些像登高望远的那群人,总是很远就看到有人走过来,但是原地的人仍然觉得是空无一人. 扁平化有他的好处,针对响应式设

智能家居再遇冷 如何打破发展魔咒?

无论是刚结束的世界互联网大会,还是CES等电子消费展,"智能家具"领域一直备受瞩目的焦点,也常被认为是及移动互联网之后的下一个技术增长点,因此也受到了资本的热烈追捧.曾有机构预测智能家居市场规模将在未来几年井喷发展,并达到千亿级别.然而从目前的市场形势来看,智能家居还缺乏代表性的明星产品,市场对产品的认可度偏低,产业各方各自为战缺乏凝聚力,以致资本市场也逐渐趋冷.要想打破发展"魔咒",还需走技术创新.理念创新之路. 智能家居市场由热转冷 易观智库去年曾经发布过一篇关

壁上观三十年的光荣能否打破日本网游的魔咒

三十年前,在日本的一个小城镇上,来自枥木县足利市的业余历史爱好者襟川阳一和夫人襟川惠子创办了一家不起眼的染料销售店"光荣株式会社",这就是当今在全球游戏界如雷贯耳的日本游戏公司--光荣游戏(KOEI).谁也想不到这样一家普通的染料店,能够发展成为改变电子游戏娱乐方式的革命者之一.光荣游戏(KOEI)给我们带来不光是策略游戏(SLG)上的创新立意,还是在历史题材游戏上的独特诠释,更多的是光荣游戏(KOEI)已经成为了一种游戏文化,是光荣游戏(KOEI)更深入到每个玩家的心中,已经成为了某

网页设计的黄金比例 黄金分割法在网站设计中的运用

作为一个网页设计师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用Grid css框架(如960,blueprint),但有时也需要设计一些独特的布局本文我们要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术也同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局. 黄金比例 黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于1.618.黄金分割从文艺复兴时就开始了.那个时代的艺术家对黄金分割十分推崇,并且广泛运用在各种设计作品上,数

网站网页设计的黄金布局比例

作为一个网页设计师开始一个项目时经常会考虑到网页的布局,虽然现在很多人倾向使用Grid css框架(如960,blueprint),但有时也需要设计一些独特的布局本文我们要探讨如何将黄金分割理论运用到网页设计中,大部分涉及到的技术也同样适用于其他的设计或艺术类工作,当然主要还是针对于网站设计布局. 黄金比例 黄金分割又称黄金比例,是一个数学上是术语,用来表示两个元素的比例,它的值大约等于1.618.黄金分割从文艺复兴时就开始了.那个时代的艺术家对黄金分割十分推崇,并且广泛运用在各种设计作品上,数

打破“家族传承不过三代”的魔咒

新一任接班人系列报道之六打破"家族传承不过三代"的魔咒屈丽丽编者的话/在任何商学院课堂里,谈到家族企业治理,不得不谈李锦记的案例,从1888年至今,李锦记经历了四代传人,破除了"家族传承不过三代"的魔咒.<中国经营报>总1983期接班人系列报道,美的把"家业"交给了"外人",与之不同的是,李锦记采用了封闭股权.坚持不上市."家族委员会"以及"家族宪法"--一系列与众不同的家族

中房信打破纳市IPO破发魔咒:要做地产界彭博社

中房信的上市打破了纳市IPO破发魔咒,出资方易居中国和新浪赋予了这个新生儿一把"金钥匙".然而它未来的成长之路仍然障碍重重. 采访·撰文/蒋毅坤 一家名为中国房产信息集团(以下简称中房信)的公司10月16日在美国 纳斯达克交易所挂牌上市,开盘价12.28美元,超出发行价0.28美元.近来,在美国.香港等地的股市,百分之八九十的IPO都大幅跌破了发行价,IPO破发似乎成了一个魔咒.而这次打破魔咒的中房信,碰触的正是牵动全球投资者敏感神经的房产业务. 中房信的两大出资方为新浪网和易居中国(

上市电商亮财报 唯品会打破烧钱亏损魔咒

证券时报记者 吴家明 "股神"巴菲特曾经说过,只有潮水退去了,才知道谁在裸泳.头顶光环的电商们实际上过着什么样的日子?三家在美上市的电商企业财报似乎给出了答案. 近日,在美国上市的三家中国电商企业麦考林.当当网和唯品会均公布了三季度财报.在资本寒冬中流血上市的唯品会反而成为最抢眼的"新星","老大哥"麦考林和当当网却依然深陷亏损泥沼. 唯品会股价近期大涨 0.6美元.4美元和12美元分别是麦考林.当当网和唯品会当前的股价,股价的差距也折射出三家公

网页制作高手进阶:网页设计中的文字运用

设计|网页|网页设计  如今,互联网越来越走近我们的生活,网上冲浪也渐渐成为我们生活不可缺少的一部分.网络世界五彩缤纷,涌现出大量优秀精美的网页.大量网络信息的呈现,无非就是通过文本.图像.Flash动画等,其中, 文本是网页中最为重要的设计元素.对于网页设计初学者而言,了解和掌握网页设计中的文字排版设计就显得尤为重要,下面笔者想谈谈一己之见.     文字的格式化     1.字号.字体.行距字号大小可以用不同的方式来计算,例如磅(Point)或像素(Pixel).因为以像素技术为基础单位打印