下面是小编精心整理的简单优雅的网站颜色方案:黑白网页设计（共含8篇），希望能够帮助到大家。同时，但愿您也能像本文投稿人“稳住”一样，积极向本站投稿分享好文章。
时颜色越少，越是一个网站的最佳颜色方案，
简单优雅的网站颜色方案:黑白网页设计
。在这篇文章中，展示 55 款激发灵感的最小黑白网页设计。它们简单优雅，能使内容熠熠生辉。Art Directors Club of Europe
Blake Allen Design
Brian Hoff
Brancozero
The Grid System
Markus Albers
margaretlondon.com
Designing the News
Patrick Fry
postmachina
Rikcat Industries
制作网页的过程中，我一直不知道应该如何配色，
我的意思是，我不知道应该选择哪些颜色放在一起，完全凭感觉。于是昨天，我在网上找了一些资料，希望找到理论指导。
结果很失望。颜色理论研究的都是颜色的本质，至于颜色搭配，最终靠的还是个人感觉。说到底，Choosing colors is art, not science。不过，我还是记录一下吧，其中一些东西还是很有趣的。
=================
1. Color Wheel
所谓Color Wheel，就是将一系列颜色，有次序地通过一个圆盘的形式，展现出来。
它的产生方式是，首先列出三原色（PRIMARY COLORS）：红、黄、蓝。
然后，二二混合，产生二级颜色（SECONDARY COLORS）：绿、橙、紫。
接着，继续二二混合，又产生6种三级颜色（TERTIARY COLORS）：黄橙、红橙、红紫、蓝紫、黄绿、蓝紫。
通过不断混合相邻颜色，产生新的颜色，最终形成一个全域的Color Wheel。
2. 类似色和互补色
12色的Color Wheel上任意三个相邻的颜色，被称为类似色（analogous colors）。通常认为，它们放在一起会很和谐。
Color Wheel对角线上的两种颜色，被称为互补色（complementary colors）。通常认为，它们放在一起，会形成对比效果。
此外，如果要寻找三种互相平衡的颜色，可以选择12色的Color Wheel上任意三个三角对立的颜色（Triad）。
如果要寻找三种颜色，其中二种互相类似，另一种与它们形成对比，则可以选取互补色两侧相邻的颜色，
（split-complementary colors）
3. 颜色模型
常用的颜色模型有三种，分别是RGB、CMYK、HSV模型。
4. RGB模型
RGB是Red、Green和Blue的缩写，任意颜色都可以由红、绿、蓝这三种颜色不同比例混合后产生。这个模型主要用于电子显示屏的颜色显示。
RGB模型通常用三个十六进制数来表示颜色，FFFFFF代表100%的红色、100%的绿色和100%蓝色混合，产生白色；000000代表0%的红色、0%的绿色和0%蓝色混合，产生黑色。
5. HSV模型
H指的是Hue（色调），它是“颜色”的同义词。
S指的是Saturation（饱和度），它指的是颜色的纯度，即颜色中含有灰色（gray）的程度。饱和度越高，颜色越纯；饱和度越低，颜色中灰色成分越大。任何颜色，饱和度变成最小值时，都会变成灰色。
V指的是Value，即颜色中白色的成分。这个值越大，颜色就越白越亮，这个值最小，颜色就越黑越暗。最大值时，所有颜色都变成白色，最小值时，所有颜色都变成黑色。
HSV模型是通过调节这三个值来标识颜色。它通常是一个color wheel的形式，所有边缘的颜色都是饱和度最高的颜色，越向圆心饱和度越小。Hue通过角度值选取，另有一个亮度轴，来选取Value值。
6.CMYK模型
这个模型主要用于印刷业，就是指用cyan, magenta, yellow, black这四种颜料混合，产生其他各种颜色。
印刷品上的图案，仔细看其实都是由一个个小点构成，而每个小点又都是采用四色套印，重合叠加后产生各种颜色的效果。
（完）
来自：www.ruanyifeng.com/blog//07/color_theory.html
网站/网页设计个人简历模板
| 个人基本简历 |
| 简历编号： | 更新日期： | |||
| 姓 名： | DD先生 | 国籍： | 中国 | |
| 目前所在地： | 广州 | 民族： | 汉族 | |
| 户口所在地： | 汕尾 | 身材： | 165 cm 50 kg | |
| 婚姻状况： | 未婚 | 年龄： | 27 岁 | |
| 培训认证： | 诚信徽章： |
| 求职意向及工作经历 |
| 人才类型： | 普通求职 | ||||||||||||||||||||||||||||||||
| 应聘职位： | 计算机类：网站/网页设计、网页设计师/美工：网站/网页设计、其它类：网站/网页设计 | ||||||||||||||||||||||||||||||||
| 工作年限： | 4 | 职称： | 无职称 | ||||||||||||||||||||||||||||||
| 求职类型： | 均可 | 可到职日期： | 随时 | ||||||||||||||||||||||||||||||
| 月薪要求： | --3500 | 希望工作地区： | 广州 | ||||||||||||||||||||||||||||||
| 个人工作经历： |
| ||||||||||||||||||||||||||||||||
| 教育背景 |
| 毕业院校： | 广州大学 | ||||||||||||||||||
| 最高学历： | 大专 | 毕业日期： | -07-01 | ||||||||||||||||
| 所学专业一： | 计算机应用-信息工程(应聘网站方面职位) | 所学专业二： | |||||||||||||||||
| 受教育培训经历： |
| ||||||||||||||||||
| 语言能力 |
| 外语： | 英语 一般 | ||
| 国语水平： | 优秀 | 粤语水平： | 一般 |
| 工作能力及其他专长 |
| 熟悉Dreamweaver、photoshop、flash、asp、SQL、Access、CSS等网页设计软件及程序，能快速独立完成整个网站包括前后台的制作. 有4年工作经验. 部分作品： www.imbosom.com.cn www.guangxingsz.com www.gzmygl.com/index.asp www.hxjdyp.cn acton.com.cn www.yuetu-cn.com www.altk.cn www.xxky.cn www.jbky.cn dltw.com www.outosi.com 中介以及猎头公司请勿打扰！ | |
| 详细个人自传 |
| 熟练掌握使用网页制作软件,为人诚实,谦虚好学,敬业爱岗,同事朋友关系相处融洽.对工作认真负责，毕业4年来，任职职位都是网站设计方面。 (请中介公司/猎头公司勿扰,谢谢了) | |
| 个人联系方式 |
| 通讯地址： | 广州市天河区 (邮编: 510610) | ||
| 联系电话： | 137XXXXXXXX | 家庭电话： | |
| 手 机： | 137XXXXXXXXX | QQ号码： | |
| 电子邮件： | XXXXXX@126.com | 个人主页： |
今天看到淘宝首页有新版体验信息，点进去，看到最新的淘宝首页，我个人不太习惯，不知道数千万淘宝会员觉得如何，暂且不评论罢。
就大网站改版这个话题，说说我的看法。
改版干吗？
一个网站，一段时间总要进行改版，这似乎成了行规。就我的了解，在这几种情况下比较容易催生改版：
用户习惯发生明显变化
用户体验需要大幅优化
组织结构调整
大老板说要改
逢年过节或有象征意义的改版（如我们说过的apple改版）
可是回过头来，只有前两条是真正站在客户角度考虑的结果。不过，大多数网站改版都是为了改而改。
应该潜移默化做改变
我们说网站的形象维护，就像经营一个品牌。当客户足够多的时候，尤其是有很多黏性客户的时候，用户跟你成了老朋友，在他们心中你是原来的样子，可是突然做了很大变化，那用户就不好接受了。
比如SONY的logo，几十年来发生了很大的变化，但是是一点一点改过来的，普通人一点都没察觉，SONY还是那个时尚的SONY。
再比如新浪网，去年进行了很大的变化，从800像素宽变到了1024宽，可是用户完全在不知不觉中完成了切换。因为，数千万用户已经习惯在右边点新闻，在中间看广告了，改了，人家找不到。之后，新浪首页经常在做微调，几乎每个月都有新变化，我一直注意这个，用户慢慢接受。所以新浪网在客户心中的形象，十分一贯也十分稳定。
反面的情况呢？Yahoo中国当年突然从一个门户网站变成了仅有搜索条，用户找不到原先的东西了，
这会让用户觉得，你出什么事了，为什么这样。这就叫做：客户感情危机，我们应该避免这种东西。
别让客户跟着你拥抱变化
有个很有意思的说法，叫“拥抱变化”，叫“唯一不变的是变化”。我呸！这说的是态度，不是事情。我们没有道理让客户跟着我们一起拥抱变化。损失客户感情，风险真的很大。
变化是用来回头看的，不是给惊喜
刚才说了，变化应该潜移默化，可是有人会说了，那改版有什么意思。我说，改变，尤其是有很多客户基础的改变，不要给客户惊喜。
因为，你认为是惊喜的东西，别人看上去没准是惊愕。
因为，变化给人的感动，是慢慢形成的，变化是用来回头看的。当我们发现自己这5年来的变化，从不在网上买东西到什么都在网上买的时候，我们会感叹自己的变化，这个过程没法太快。
要真心做测试
我相信无数网站改版，做A/B Test，都是象征性的，因为大老板已经说了，要改成B的样子，于是装模作样做一下测试，试图证明B是好的。
真正的测试是从概念阶段就开始的，每一步去测试用户的反应，向着好的方向改动。绝对不是都要切换了，临时做一下测试，那是象征性的，你都决定要改了还问人家干啥！
==============
这就是我的想法，不针对任何人任何事。
本文来自：www.panghufei.com/?p=10068
从CNNIC在的报告中可以看到，超过80%的网民购物之前都要看评论（包括本站、其他站评论），超过80%的网民都比较信任口碑（包括网民、亲朋好友推荐），貌似又满足那个传说中的二八原则，我认为还算靠谱，
也就是说，电子商务网站商品的评论很重要，好设计可以提高用户参与度，好的参与度可以得到更多的优质评价，更多的优质评价可以直接提升产品销售率。因此，我们今天话题也聚焦在“电子商务”领域，因为不同类型产品的商业意图不一样，设计方案也会不同，混为一谈意义不大。
gouwu.youdao.com/ 有道购物搜索商品评论表单
我更倾向于宁缺毋滥的方案，如有道购物搜索必须登录才能在文本区录入内容，但之前会显示评论表单出来。应该是有使用经验的用户才有“评价”资格，控制质量的门槛还是必须的。
首先是现场提到录入内容，并点击“确定”之后才告诉得登录的情况显然很糟糕，虽然能引导进登录或注册成功，但返回后之前录入的内容已全部清空。这个问题的根源，我认为在于没有明确告知门槛，事发之后又没有完善的解决方案，最简单的办法是直接告诉用户“评论请先登录系统。”曾经见有同行提出，上个解决方案太生硬，因为还是不能直观告诉用户如何参与评论？怎么评论？如果显示评论表单出来，可能会更激发用户的评论欲望，并且说有数据支持。
其次尤其是有金钱交易的电子商务行业，网友更关注注册用户的评价，而参考陌生游客评价的权重低。因为网友有可能会跟踪注册用户去参考他的其它评价，或对此人的评价进行“权威性”评估。典型案例如淘宝，某些很挑剔又人品不好的顾客很容易给卖家差评，
www.360buy.com/ 京东商城商品评论表单
针对提到的京东商城评论典型案例中，把产品评论细化为了“优点、缺点、总结”。我个人认为这样的设计有点一厢情愿，意图是理想的，但用户可不会这么听话。
首先在产品本质角度理解，电子商务网站的根本是卖东西，必然应该优先资源想尽办法引导用户消费，从而势必会与让用户了解客观评价的目标相冲突。客观评价应该由第三方网站去做，这样才显得公正公平。比如网络书店有当当、卓越两大巨头，而写书评大家还是愿意去豆瓣，这两边的氛围完全不一致。总结而言，同样的一个产品，不可能兼具两种目地性和气质。（当当和卓越即使要搞豆瓣模式，也应该另外整个域名，不过显然目前是没法超越了。依托资源做事，有多大好处就有多大坏处，具体请参考公司都是有传统的。）
其次在用户提供内容的动机来看，“有话说”的根本在于“想表达”，而且会相对极端的表达好还是坏，或者“Yes or No”。因为消费者了解必然有限，并且会主观站在自己立场考虑事情，即使资深用户也如此。另外，优点与缺点本身就是总结，最后的“总结”更显得有点多余。也好也坏，有多少好又有多少坏，并且能相对深入点评，那是专业导购网站做评测的路子，比如IT168, PCPOP都是靠这个起家的。
最后在交互角度考虑，拆分后会增加三个Textarea对象的文本区，将大大提升表单长度和视觉上的复杂度。尽管可以提醒用户某些可以不填，某些是选填，但还是会增加用户的认知负担。最俗的解释，表单太复杂，容易让用户望而生畏。
综上所述，我不认为京东评价是个好方案，这里的观点比现场更有条理并充分。正确做法，是让用户尽情表达，通过算法和用户打分来优选有利于商品销售的列表。别忘了电子商务网站的目标是卖东西挣钱，不是靠人气和话语权挣广告费！
本文来自：blog.rexsong.com/?p=8614
最近探讨flash在客户端的得失，与几位朋友交流时，突然想起，前段时间阿里集团旗下几个公司相继做出在业内反响比较大的几个招聘网站，不约而同都flash技术实现，原因可能有三个：
某些表现只有flash技术能实现；
flash技术表现互动更容易，制作成本更低；
通过作品表现团队实力。
相信三点原因是相互的，但我不仅要怀疑，真正专业的web designer会对这样的互动、视觉效果动心么？会因此认可招聘公司团队的实力么？在我看来，这样的招聘网站不仅传达不清晰，而且内容丰富程度上也远不够。具体原因，不妨先从受众用户角度来分析。
第一，网络招聘能招什么样的雇员？换句话说，什么样的人需要投简历找工作。通常外部网络获取信息，走招聘渠道的普遍不会是high-level职位。
第二，用户最关心哪些信息？除了千篇 一律的职责、资格、薪水范畴等基本信息，还有其他可能促进投简历的福利（如补助、年假）、签约、业务前景、工作环境、工作同事、操作流程、成长计划、上班交通等信息也很重要，同时也是公司之间的关键差距，我相信任何有经验的雇员都会很在乎，
互联网上很多有关企业文化、管理手段的探讨中，都会提到“以人为本”的说法，其实就是雇员在公司的用户体验。换句话说，高质有效的招聘网站，需要与HR部门同事业务支持的紧密配合。而不是任由设计团队的创意天马行空，这样不仅可以提高入选率，也可以提高面试效率。
相对来说，我认为淘宝招聘第三季做到比较好，把事情说的清楚、形象，也很有诱惑力。我心目中好的招聘网站，应该是个可以不断扩充、修正的信息体系，而不是每次招人的时候都重新搞。或者，完全可以当作产品来理解。
印象中，大多数广告公司、多媒体互动公司才喜欢用flash技术做网站，动画工作室更不用说了。虽然某些考虑比较周全的会再做个HTML版本，但总体来说客户端技术很差，也无法体现“web design核心是information, content”的本质。
原文链接：blog.rexsong.com/?p=6100
许多网站缺乏针对性和友好的导航设计，难以找到连接到相关网页的路径，也没有提供有助于让访客/用户找到所需信息的帮助，用户体验非常糟糕，这篇文章，我们尝试就网站导航交互做一些探讨。
首先对于WEB交互设计师来说，解决上面遇到的问题，使之简单的方法是设计一套完善的网页导航系统。
优化网站导航设计的目的
一个网站导航设计对提供丰富友好的用户体验有至关重要的地位，简单直观的导航不仅能提高网站易用性，而且在方便用户找到所要的信息后，可有助提高用户转化率。
如果把主页比作网站门面，那么导航就是通道，这些通道走向网站的每个角落，导航的设计是否合理对于一个网站是具有非常大意义的。
1） 决定用户在网站中穿梭浏览的体验，这一点是最基本的。
2） 网站导航设计合理，可以将网站的内容和服务最大面积的展现在用户面前。
3） 合理的导航设计可以增加用户黏性，提高网站的浏览深度，从而提高网站PV值。
4） 促进用户消费，提高网站盈利。引导用户消费，将用户真正需要的产品和服务展示在他面前，甚至用户想不到的服务你也呈现。
5） 提高网站广告价值，增加网站广告收益。
……
网站导航的常见结构
雅虎的网页设计一直是国内众门户模仿的对象，我们首先来看看Yahoo网站现有的几种导航样式：
1） Yahoo首页 （最常用的栏目导航）
Yahoo首页左侧的导航列出了网站最常用（或访问最频繁，或网站运营最想让用户知道）的几个栏目。这种导航（也包括网页顶部横向结构）是目前互联网中使用最广泛的导航方式。
2） More Yahoo！Services （更多的导航信息的展现）
Yahoo作为一个全球大型综合门户网站，所提供的服务肯定不止首页左侧导航显示的那几个，那么更多的服务如何导航？同时又如何展现给用户呢？于是Yahoo的设计师们给我我们一种解决方案，如上图，点击从网页左侧展开一浮出层样式的服务导航页面。可以发现，这种导航也是多维度的（下面我们会专门探讨）
3） Tab式位置导航变体
我们还可以在Yahoo！TV 等栏目上发现这样有趣的导航结构，我们暂且认为他是Tab 式结构加上一个下拉菜单的一种导航组合。
nTV Home – Shows – American Idol – Overview 组成了一个单维度的导航
nTV Home同时提供了下拉菜单方便用户快速的转到其二级栏目下。
（这里我遇到一个困惑，在这里我不知道怎么TV Home上一级的目录是什么，也不知道如何返回。）
4） Amazon首页
Amazon可以说是在网络产品导航上的鼻祖了，让我们再来看看Amazon的导航样式又有什么特色。
看看它和谁最像？
5） Amazon购物列表页面
由Amazon购物列表页引申的讨论：
单一维度 和 多维度的导航结构
我们通常认为面包屑导航为单一维度的导航结构，如上图红色实线框所示，即它是一种线性的导航方式，
不过在网页的应用中，“面包屑”导航的应用有两种：
a)“追溯来路”即跟踪用户行为，记录的用户在网站的活动足迹的一种“线性导航”，
b)用来表达内容归属关系的界面元素，也就是我们经常看到的“主分类>一级分类>二级分类>三级分类>……>最终内容页面”这样的层级归属关系.
而改网页左侧的导航却提供多种维度的导航，且这多种维度可以组合成不同层级的面包屑结构
如，我想买一台LCD平板电视，进到了：
Electronics › Audio & Video › TVs & HDTVs › Flat-Panel TVs › Flat-Panel LCD TVs
在这个页面上，左侧导航给我提供了品牌、供货商、价格、显示屏尺寸……等多种选择。
我可以先选品牌再选尺寸，如：
也可以先先尺寸再选品牌，如：
因此这种方式为用户提供了多种维度的导航，运行用户如在电器超市随意逛逛挑选商品，而不必考虑该先问导购员有什么品牌还是问有什么尺寸好。这一点符合用户的心理模型，值得设计中借鉴。
网站导航设计需要注意的问题及基本原则
我们就网站组日常需求中，有关导航的交互设计工作进行了交流，总结出在网站导航设计中需要注意的几点问题及基本的原则。
1.导航条的位置。主导航条的位置应该在接近顶部或网页左侧的位置，如果因为内容过多需要子导航时，要让用户容易地分辨出哪个是主导航条，哪个是某主题的子导航条。
2.导航使用的简单性。。导航的使用必须得尽可能的简单，避免使用下拉或弹出式菜单导航，如果没办法一定得用，那么菜单的层次不要超过两层。
3.面包屑导航。应该让用户知道现在所看的网页是什么和与现在所看网页的相关网页是什么，例如通过辅助导航“首页 > 新闻频道 >新闻全名”里的对所在网页位置的文字说明，同时配合导航的颜色高亮，可以达到视觉直观指示的效果。
4.导航内容明显的区别。导航的目录或主题种类必须得清晰，不要让用户困惑，而且如果有需要突出主要网页的区域，则应该与一般网页在视觉上有所区别。
5.导航和排序的区别。导航和排序容易混淆，需要留意（看图指出问题）
这里的tab是导航还是排序？
Google Reader上的处理
6.准确的导航文字描述。用户在点击导航链接前对他们所找的东西有一个大概的了解，链接上的文字必须能准确描述链接所到达的网页内容。
本文出自：webteam.tencent.com/?p=156
自己从工艺品设计到平面设计到网络设计，虽然设计原则不离其宗，但经验下来的心得告诉自己，设计媒介的变化带来很多媒介自身的特殊性，下面总结下网站视觉设计的一些要点，有他人经验，也有自己的心得：
1—logo：基本logo特征，符合logo设计基础（平面设计通用）
显示器效果：清晰度，最小尺寸（因显示器分辨率而带来的，等同线下平面设计的印刷效果）
2—文字：内容等级决定字体、字号大小、粗细；状态决定颜色（默认或者根据网站特殊统一）
3—广告、内容图片：尺寸样式的定位，同一页面的和谐性，图片的优化，位置的节奏，大小对比，
4—icon：品牌性，表达准确合理，设计手法（依据品牌性），一致性，作用：吸引，醒目，方便识别、
理解、操作、记忆。
5—可点击（button)：区别（不可点击），根据人的生活经验：厚度，可按，质感（实体联想），色彩
（品牌性、统一性、对比性）；统一的样式大小（依据里面文字的内边距统一）
6—背景图片：氛围效果营造，同产品的统一性，优化（品质大小，色彩信息，实现方案），
7—图文排版：主图次文，图文节奏，空隙，模块化。
8—当前状态：放大（形状），变色（反色、对比色、明度纯度区别色），链进链出后指定内容提示，
9—交互控件：样式合理准确性（人对系统默认的认知和生活常规认知），状态（视觉表现样式和动作过程
优化），创意。
10—loading:内容关联性（loading前后的内容关联），无聊等待的乐趣，体积、面积优化，创意。
11—用户反馈_ 成功、出错、提示、无结果：文案（明确、合理、人性化、创意），图形（明确、醒目、
色彩的心理认知准确度）。
12—动画效果：过程合理（模拟真实环境的合理化），连续，节奏感，用户日常动作表现，音效配合，创意。
13—首尾设计：首（品牌宣传、自身特点、明确内容、气氛表达、创意。尾：呼应、节奏（与首），创意。
14—适应屏设计（全屏设计）：最大最小屏幕的考虑（文字、图片的位置、折行效果）
15—固定尺寸的栅格设计：合理的单元格（考虑黄金分割），单元格面积节奏，边距统一性
16—demo设计样稿：对内容最多最少的考虑。
17—页面：品牌性，基调元素一致性，复用性，节奏感、面积感，视觉第一吸引，引导浏览，点线面关系，
素描原理（运用素描的基本规律来做页面）。
18—阅读：背景对阅读（视力）的舒适度，内容与背景的对比舒适度。
其实还有很多设计的点比如交互设计，比如代码设计，我们可以展示给用户看到的这些综上所述，构成了用户体验设计的一个大过程，自己在做的很多时候其实也不是都能估计到每个点的，总结出来以帮助随时审视！
来自：dimcolor.com/blog/?p=345
★ 网页设计论文
★ 网页设计心得体会
★ 网页设计求职信
★ 网页设计心得体会
★ 笔试网页设计
