白色作为背景色简约漂亮的网站

2016-02-19 17:06 10 1 收藏

图老师设计创意栏目是一个分享最好最实用的教程的社区,我们拥有最用心的各种教程,今天就给大家分享白色作为背景色简约漂亮的网站的教程,热爱PS的朋友们快点看过来吧!

【 tulaoshi.com - Web开发 】

  当你想到白色的时候,你的脑海中会出现什么?白色是最简单、优雅、平和的色彩。在网页设计中使用白色常见于很多博客、在线作品集、电子商务和其它类型的网站中。白颜色也主要用于字体颜色、背景色、链接颜色、图片及更多地方。尽管如此,如果你认为白色系网站对用户没有吸引力,那就大错特错了,你会震惊的网上的一些最棒的网站用的是白色。本文中,你会发现灵感和使用白色设计网站的技巧。

  简约漂亮的网站

  简约的网站看起来是很赏心悦目的。当你使用白色创建白色的背景色的网站的时候,让它保持整洁。美丽将会不言而喻的。看一些使用白色作为背景色的大公司网站,比如flickr, iStockphoto, Makeuseof, Apple。下面的网站大都是极简的,但是它们展示了如果使用白色来呈现内容和一个网站自身的潜力。

  Loveleft

  Greece is For Lovers

  Pasaii Design Studio

  CSS Globe

  Jason Reynolds

  Buffalo-Web Design & E-commerce

  Jeff Doe

  Rustin Jessen

  Sushi & Robots

  Qindex Web Design Magazine

  使用白色的插画

  手绘设计、插画、卡通人物和破旧风格的设计是最新的网站设计趋势。网页设计师和图形设计师通过此类插画和艺术品来展示他们的创意。这里有个说法来夸耀白色:当画家开始绘图时画布是白色的,或者说插画师绘制一个角色的时候,他们是从一张白纸开始的。最终出来的是美丽的。白色是所有漂亮的东西的基础。下面的网站展示了创造性的使用白色卡通角色和手绘艺术的效果。

  Cologne Bonn Airport

  Kallwejt

  Fell Swoop

  Look Designs

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  Aqworks

  Numan Cebi

  Noemie-Chevaux

  Iitchy Pixel

  Khairudin Lee

  Rednoseday

  Log

  Squarefactor

  Things That Are Brown

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  使用白色加亮其它颜色

  你可能认为简单朴素的网站就像彩色的网站一样令人兴奋,不过你可能错了。请注意,白色可以让其它任何浅颜色和亮颜色呈现出其深度、明度和饱和度,那些颜色比如红色、蓝色、浅绿色、粉色以及其它亮色会看起来比较专注和舒适。因此,如果你计划在链接、菜单和按钮里面混合其它颜色,请慎重,不要搞的看起来很乱。这里是一些网站,它们让白色和其它颜色搭配的很和谐,而且看起来比较有吸引力。

  I am Dan

  Zurb

  Noded

  Super Nature Design

  Michael Paul Young

  Devia

  Tim Jarvis- A Base Reference

  Hello Lucky

  总结

  这里简单总结一下使用白色设计网站时的一些简单的技巧:

  为链接使用浅色或亮色

  尝试将其保持尽可能的小

  让内容易于领会

  不要乱放广告,如果你一定要放广告,请不要使用不同的背景色。

  不要使用小字体

  创意为王!

  文章出处:在网站设计中使用白色:技巧和趋势

来源:http://www.tulaoshi.com/n/20160219/1614198.html

延伸阅读
标签: 电脑入门
很多文字工作者,长期在电脑前打字,面对一成不变的白纸黑字,不仅容易产生审美疲劳,更使我们心灵的窗户很受伤。能否为文档设置不同的背景色,从而缓解我们眼睛的疲劳呢? 其实,WPS2007已经为我们提供了蓝底白字功能:从工具菜单中选择选项,并在其中的常规与保存选项卡中选中蓝底白字(图1),原本刺眼的白色页面变成了蓝色,而原本黑色的文字...
PS证件照怎样改变背景色?   1.首先利用PS打开一张照片,如果照片不符合实现尺寸需要,可利用裁剪工具进行裁剪。点击裁剪工具,然后根据实际高宽来进行设置宽度和高度参数,并通过拖动绘制裁剪区域,双击完成裁剪过程。 2.选择魔棒工具,并设置合适的容差,通常为10,点击背景区域,将其选中。 3.点击更改前景色图标...
CAD背景色怎么设置成黑色?   初次安装的CAD背景是白色的如何把背景设置成传统的黑色呢? 1、打开CAD进入初始界面。 2、单击右下角的初始设置空间选择autoCAD经典。 3、关闭做界面选项(如图)。 4、单击工具选择选项。 5、单击显示选择颜色选项。 6、选择颜色的下拉菜单选中黑色,点击应...
标签: word
怎样在Word2007中抠出背景色   接下来就一起来看看具体操作步骤吧: 1.鼠标左键单击选中要修改的图片,切换到选项卡,在选项组中,单击,在弹出的下拉列表中选择。 2.这时我们会发现鼠标指针变成了一支笔的形状,将它移到背景色上,单击鼠标左键,背景色就变透明了。 3.这样一来背景透明效果就出来了。只留下...
标签: PS 电脑
前景色:前景色是插入,绘制的图形图片的颜色 。背景色是所要处理的图片的底色,默认的是白色。 photoshop工具箱中前景色用来绘画'填充和描边选区,也可用alt+backspace或者alt+delete快捷键填充。 在photoshop中,前景色和背景色是可以互换的,快捷键是“x”,前景色默认是黑色,背景色默认是白色,快捷键“D”可以恢复默认的前景色和...

经验教程

457

收藏

41
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部