首页 > 知识•资讯 > 打破你的网页设计的设计习惯! > 正文

打破你的网页设计的设计习惯!

2011/10/30 0:00:00 · 稿源:传诚信

10网页设计的规则,你可以打破

设计灵感,网页设计


由于一般的网页设计和设计的演变,规则已经确立,以确保一致和可用的设计。

其中一些规则,仅仅是因为网站的创造者滥用没有顾及他们的用户一定的原则。

但这些规则不执行,任何人都和在必要时应该被打破,特别是打破他们时,会导致一个惊人的设计。

在这篇文章中,我们目前的10条规则,你可以休息,如果它适合你的设计需要。

规则#1:不显示水平滚动条

相当数量的小鼠没有水平的鼠标滚轮。这使得尴尬的滚动左或右时,一个网页的内容,过去浏览器的两侧延伸。

它可以是恼人把鼠标光标的窗口底部,拖动滚动条以上只看到一两句话,在于超出了页面的可视面积。这就是说,这里是一些精心设计的网站,把滚动条来工作的有效途径。

Benek

Benek使用JavaScript来改变鼠标滚轮的滚动方向从垂直到水平 。Benek的投资组合中的每个项目分为自己的列 。该网站有一个令人惊讶的耳目一新的感觉和畅顺。

Benek

擦鞋师

擦鞋师获取与水平滚动,因为它需要人们在看鞋的优势 。人们看看,从上到下的大多数产品,但鞋是不同的。人们的眼睛通常跨越鞋的长度 。这个习惯使用它的优势,擦鞋大师使得其网站的设计流程,在同一方向的议案,感受自然。

Shoe Guru

斯特凡Tartelin

斯特凡Tartelin使用水平滚动条,使他的作品看起来像是一个艺术画廊 。虽然垂直鼠标滚轮功能不喜欢在上面的例子,效果出奇的好作品。你甚至可以说,效果会减弱,如果鼠标滚轮水平滚动重新编码 。

Tartelin

图形治疗

虽然图形治疗不其网页上显示水平滚动条,它仍然允许在屏幕上点击和拖动水平滚动。图形理论水平导航,因为它的图像都是相同的高度,但不相同的宽度。水平导航帮助网站流量顺利。

Graphic Theory

水平方向

水平方式使用水平滚动的网站是一个展示。蹩脚的图形是美丽的,并尽可能CSS画廊去这个网站是独一无二的 。

The Horizontal Way

规则#2:使用的字体面的最小数量

字体太多,通常相互冲突和压倒观众。每种字体有一种个性,太多的个性,可以创建障碍。

为了有效地利用不仅仅是一个字体夫妇,设计非常面向文本,和设计的其余部分需要相对安静的。下面是使用这个意义上的冲突和混乱,从事用户网站的一些例子。

链接洛杉矶

链接LA使用非线性布局的多种字体创建的能量感 。页是难以快速阅读,但提请用户英寸这也是值得注意的,字体没有过分装饰;每个字清晰可辨,保持设计的清脆和干净。

Links LA

地理要素设计工作室

通常使用多种字体传达了能源和混乱的感觉,但地理要素的设计工作室的网站是非常公开和廉洁 。每种字体是给自己的空间,让观者不关联与另一种字体 。背景天空的形象,有助于强化开放的意识。

GeoElements Design

理查德Stelmach

不同的是最后一个例子,理查德Stelmach推他的不同的字体紧密结合起来 。设计作品,因为只有一个字体不看手绘,和其他两个工作以及与插图。手工绘制的字体通常在一起,即使有许多不同的字体 。

Richard Stelmach

萨都

萨都似乎有很多不同的字体,但实际上只有3个(不包括体育局组合项目 )。间距一切小心,萨都联营公司的某些行与对方的文本,即使文本可能会在不同的字体。

标志的标题是一个字体,和两个子标题,每个人都有自己的字体,但观众自然群体这三个文本项目。萨都是能够创造能源与个性的页面没有压倒。

Satsu Design

规则#3:不要使用太多的颜色

设计太远的恐惧是什么分离新秀和新秀从忘却的专业人员。漠视尝试极端尽可能使他们的设计,消防,闪烁文字的话,尽可能多的颜色。

新秀要保持自己的设计微妙,容易对眼睛,但最终他们的设计有时可以看死气沉沉。以下赏心悦目的设计是由那些打擦边球的一些真正的专业人士。

马特Mullenweg

马特Mullenweg的精美彩色设计,看起来像一幅水彩画(网站已经更新,因为这篇文章是书面) 。所有背景颜色会抓住任何人的注意。

一般来说,良好的设计与颜色吨将有这些颜色的背景,与前面的简单调色板。读文本时的东西太多会是非常困难的。

Matt Mullenweg

Travic艾萨克斯

特拉维斯-萨克斯的设计有一个丰富 多彩的背景,使得设计显得丰富多彩整个垂直梯度。本网站有明亮的粉红色作为其链接的颜色,这是一个伟大的选择设计师要创造一个丰富 多彩的效果 。

Travis Isaacs

詹姆斯安吉利斯

詹姆斯安吉利斯网站显示文本可以没有菜鸟对面五颜六色。设计是非常备件,标语肯定是中心舞台。

James De Angelis

规则#4:使你的网站的目标明显

的东西,真正得到塞进耳朵的年轻设计师设计应该立即告诉观众,他们正在寻找他们阅读任何文本之前。

大公司的品牌知名度是很重要的,但有时规模较小的家伙需要一点更聪明,得到观众的注意力。隐瞒信息可以阴谋想了解更多的观众和“逗”的人。

将这种技术应用到网页设计,可以大大提高用户在您的网站上停留的时间。

Cetrotrees

今天在大多数组合,自由职业者或公司通常介绍自己,并解释他们的工作。Cerotreees,而不是将其权利的工作,在左边和样品一些隐约标记的链接,但没有解释它背后的想法或人。

周围的网站引诱用户之谜的空气留下来。

c e r o t r e e e s

最后Mixtape作者

最后Mixtape作者是另一个组合,显示其工作,仅此而已。这样的设计散发出一种极端的信心的感觉。他们从来没有尝试推销自己,他们只是希望用户被吹走,来乞求的合同。

The Last Mixtape

彼得皮尔逊

使用闪屏是一个很好的的方法来减缓用户的思维过程,并启发他们深入挖掘。初始页面的目标通常是解释照片或文字的短位的网站迅速。

但在彼得Pearson的情况下,其目的是唤起一种感觉。大的天空和散落的文字效果,唤起好奇心的一个伟大的工作,因为这些东西通常不会一起出现。这个网站还没有一个伟大的工作在继续飞溅到实际内容的页面创建的情感 。

侧面滚动的议案,并按照用户的动画线是真正有效的。

Peter Pearson

Piepmatzel

一个伟大的方式来解决语言障碍是不使用任何文字。Piepmatzel是一个CSS画廊,谁见过一个CSS画廊的人可能会认识到它作为一个马上。

那些没有可能是好奇,足以让一些缩略图点击希望搞清楚的格局。少量在页面底部的文本帮助排序,并且是多余的。

Piepmatzel

规则#5:导航应该很容易弄清楚

导航不应该是一个网站的瓶颈。用户应能迅速找到他们想要的东西的。然而,有时候,直观而从事导航可以帮助用户感觉连接到该网站和它是促进。

阿尔文汤

正如在上一节中提到的,空气的信心转达了当一个投资组合不法术本身。这是在阿尔文唐的摄影组合。当首先到达现场时,用户不立即承认他们作为链接的话 。

这种不确定性促使他们捅了一下周围。鼠标移动到一个字表明,这的确是一个链接,并呼吁一下,一个华丽的照片加载。照片将吸引用户继续浏览。

查看更多图片,用户点击他们的浏览器的“后退”按钮(大多数人都明白做的东西),然后单击另一个链接。没有手控股,在设计和它的作品非常好。这不是传统的“华丽的设计,”但它提供它需要什么。

alvin tang photographer

Kasulo

Kasulo 导航是不可怕的很难搞清楚,但一般用户可能不知道到底该怎么做就到达现场后 。不过,第一次点击后,一切都变得明显。

用户导航的组合件,在3 - D的风格的最新资料显示最接近的开始。使用鼠标滚轮,更是有趣。

Kasulo

Marcio高根

Marcio高根的网站是另一个伟大的导航是不会立即明显的例子。指令“我拖”是难以抵挡,一旦用户这样做,他们的道路上巡航组合项目。鼠标悬停预览是一个小细节,但确实令人印象深刻的 。

Marcio Kogan

Ceranco

如果客户端要问一个设计师,使他们的网站在3 - D,像一个第一人称射击视频游戏,大多数设计师会默默地笑自己,采取深呼吸,然后慢慢地解释为什么这会是一个坏主意。

虽然网站Ceranco是不完全的3 - D射手的,它可以很容易被混淆为某种独立的电脑游戏。用户进行这样的网站都是伟大的。而长的加载时间和较差的搜索引擎优化,使这个不到大多数项目的理想选择,它绝对是值得的第二个想法。

Ceranco

规则#6:使用不同的颜色,文字和背景

也许是这条规则不写所有的地方,但很多新秀都那么害怕文本不可读的,他们不考虑使用相同的基本颜色的背景和字体本身。你可以遵循一些简单的技巧,使工作相似的颜色。

Linksys的

Linksys 网站是整齐的,因为它是如何为它所有的环节都有一个蓝色的,即使背景颜色为不同深浅的蓝色。虽然风险和可能不是最大的颜色决定的,它的工作。

Linksys

布拉德Colbow

布拉德Colbow的设计是Linksys的相似,因为蓝色背景上的蓝色文本 。上蓝色是难以很好地拉断,尤其是与这么多不同的蓝色,整个网站 。

Brad Colbow

Powerset的

到目前为止,在本节中,我们已经看到了只蓝色的网站,因为蓝色文字是最难适合人眼阅读,如此清晰的蓝色类型总是令人印象深刻。如果文字效果在蓝色的作品,它会在任何颜色最可能的工作。

Powerset的使用其字体以创建一个3 - D效果,有效地从背景中分离出来的文字的一个凸版风格。

Powerset

设计艺术家

在设计艺术家不仅具有绿色背景和黄色背景上的黄色/米色文本的绿色文字,但文字直接在照片上。

尽管一些个别的字母可能难以阅读,作为一个整体的话仍然清晰可辨。这种类型的效果应该几乎总是中心在设计阶段。

Artist-In-Design

奥拉西奥贝拉

奥拉西奥贝拉使用另一个3 - D效果,他的投资组合 。在这种情况下,出现的字母,而不是被削弱向内弹出。如果没有这种效果,可读性会已大大降低 。这里使用的是另一个很好的效果,从而进一步提高了可读性字母紧字距 。

Horacio Bella

规则#7:不要把你的内容动画

认真,不弹出小的Flash广告,正确的用户阅读。同样适用于这些调查框表明,每当用户在一个句子中。用户不喜欢分心时,他们通过一个句子的中间。除非... ...

这真的很难,不迷恋上小蜘蛛阿坝的网站 。设计是干净的,虽然蜘蛛是一种分心,也没关系。到目前为止,我认为这个网站是唯一的例外。

aba.bg

规则#8:坚持到Web安全字体

虽然字体替代技术都还年轻,他们已经引起一阵轰动。sIFR的第一,并于最近CufónTypefasce.js已经出现。

Diseñorama

Diseñorama网站上,红色的“Recientemente”文本是可选的 。一个缺点是,如果网站不即刻负载时,用户将简要地看到原本平淡的字体 。

另一个缺点是,如果用户已禁用JavaScript或闪光,他们将只能看到原来的字体。所有的事情考虑,它仍然很酷。希望这是一个在未来几年来预览。

Disenorama

Cactuslab

Cactuslab还使用sIFR那样的蓝子标题(如“冬工作”等)。尽管sIFR是最复杂的字体替代技术,文字可以复制和粘贴,给它一个很大的优势超过其他两个技术。

Cactuslab

规则#9:不要有一个启动/登陆页面

许多设计师不得不与他们的客户相同的旧讨论为什么一个启动页面是不是一个好主意。谷歌往往排名等页面较低,他们放慢的用户得到他们之后的内容。但他们可以令人难以置信的美丽和鼓舞人心的的,如果使用得当。

光泽后期制作

组合样品的初始页面上出现光泽后期制作的网站的目的是为了引起用户的情感反应。

每次访问后,从投资组合的随机照片被加载。点击照片的尺度上下来,并放在其网站上的其他投资组合件之间的地方。缩放和运动的影响提供了延续和帮助其他公司的工作进行用户的情感。

Gloss

伊萨伦敦

当一个站点完全是做在Flash中,加载栏,可以作为一个初始页。当用户看到一个加载的酒吧,他们将关闭该页面,去别的地方或切换到另一个标签和其他地方,而他们等待浏览。

一旦页面加载时,最好等待用户启动前返回。在伊萨伦敦的情况下,门是一个完美的比喻说,该网站已准备就绪,用户可以输入。

当用户点击门,门打开,并出现各种说明模型。初始页面上使用的大门,是一个伟大的设计理念,因为一旦进入,用户感觉从事。

eyessaiditbefore

规则#10:不要使用表

任何网页设计师在其设计中使用的表,将立即被称为一个由经验丰富的设计师新秀。表显示在所有的浏览器不一样,他们可以使源代码显得凌乱,但至少你会知道你在与他们获得。纳入表的设计,这里有一些例子。

此表稍微很难看到,但藏有两把椅子之间的。这是一个漂亮的小边桌,但可悲的是没有多大帮助这个网站的设计。

Abba Salon

表上在播放的工作方式在这种设计的背景,但他们保持近在咫尺工人的笔记本电脑和其他物品。如果没有这些表,房间会感到空虚,和背景的照片将不会有同样的效果 。

Work At Play

虽然这种设计主要是功能椅,一个可爱的小表出现在右上角的缩略图。看起来就像一盆是坐着就可以了。

Fiberon Decking

至于表设计,这是最好的之一。两个表,在这个Flash动画功能设计,给他们带来了很多关注。这个网站应该是每一个设计师的伟大的设计,使用表的列表。

LevelTen

打破规则!

当设计要求它打破规则是好的。审查这里的许多设计选择都不会被认为是由平均设计师。这是伟大的设计师,从平均的。

那些勇敢地去反对什么,他们一直在教导总是站出来。

你打破任何规则,在您的网页设计?为什么或为什么不呢?请与我们分享您的意见...

选择北京网站建设公司-传诚信,优质服务,绝对不容错过 !
1. 优秀的网络资源,稳定的网站和速度保证 
(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间) 
2. 7年北京网站建设经验,优秀的技术和设计水平,更放心 
3. 全程省心服务,不必担心自己不懂网络,更省心。 

-----------------------------------------------------------------------------------------------------
我们的与众不同之处:

    免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务网站设计等的事宜,欢迎随时联系我们。

    seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。

     免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
     如何优化网站,我们有丰富的经验开放给您!祝君成功!

联系我们:010-62199213 62122723-808  400-697-8610  徐小姐
北京网站建设公司-传诚信网站:www.ccxcn.com 点击查看经典网站案例



  • 相关推荐
  • 大家在看
客户服务
咨询热线

010-62199213

24小时咨询热线

139-1050-5354