签到

07月18日
尚未签到

共有回帖数 0 个

    荷塘月色

    等级：
    当你在设计网站时，采用的颜色会传达出截然不同的思想和情感，所以为你的品牌选择合适的颜色非常的重要。例如，如果你给美国的顶级沙滩设计网站，和你创造一个像Groppon一样的在线商城，你肯定希望用不同的配色设计它们，因为它们传达的是不同的信息——一个网站传达的是让人心情放松，而另一网站传达的是由于做了一次非常棒的交易而让心跳加速兴奋。本指南探讨的主题是关于网站和平面设计的色彩。学习先进的色彩理论最好的方法，是通过实践，而不是理论。但是为了提高，你必须有一个起点。除了有用的配色技巧和观点，你还可以发现许多宝贵的资源散落在整片文章中。颜色的目的从艺术的角度来探索色彩，它可以使主题更加鲜明。这就是一张绘图和一幅绘画主要的区别，尽管它们能传达相似的信息。这个道理适用于任何设计包括网页设计。
    将色彩添加到设计中使画面的表达更加丰富。图形、字体、按钮和超链接，一切都可以在某种程度上匹配总体的基调。例如，葡萄园网站的颜色和水族馆网站的颜色是不同的。为什么呢?因为这是两种完全不同类型的网站，它们试图传达不同意义、目的或者感情给自己的目标受众。因此，当在考虑颜色时，记住，颜色很少用来做页面的结构的区分和搭建。你应该用灰色来构建一个布局，就可以让人了解到界面的整体结构关系。访问者在浏览网站界面时，色彩可以带给访问者更加丰富的信息内容。HSV色彩模型大多数色彩理论文章讨论的观点是，每种色彩背后的思想和它们表现出的情感。我觉得感情的话题太主观，虽然它是准确的。选择一个配色方案，不仅仅是凭情感，相反，我要研究颜色是如何工作的，以及如何开始自己练习。一个良好的开端是色相(Hue)、饱和度(Saturation)、明度(Value)(或HSV)。你可能理解这些测量颜色的术语，但是我想告诉你这些值确实非常重要。明度是你在黑白照片上获得的信息——就是不同色度的灰色。把一个网站截图,将它转换为灰度图，你就会看到它的原始值。















    看Duplos的网页，你可以看到一些颜色不同的对话气泡，使用相同的白色文字。由于背景颜色够深，文字在各种颜色背景下都可读。这种不是单纯的基于文本的界面，值得我们在设计中去学习追求。思考一下，图标或具有行为召唤能力的按钮，在设计中所需要的对比度级别。和谐的高对比度元素，自然能引起人们地关注。当某个按钮或者注册区域需要更多的关注，高对比度往往是一个很好的解决方案。颜色如果使用得当，能产生均衡的对比。避免纯黑从美学界获得一些建议，就是避免纯黑色。当你看到现实生活中的物体，你几乎看不到纯黑色。事情看起来很暗，但它的HEX色值(十六进制)不太可能是#000。你甚至可以尝试拍摄照片，并在Photoshop中测试它的HEX色值。最近我发现了Ian Storm Taylor写的一篇文章， ，题目叫做《不要使用黑色》。它指出，通过避免在界面上使用纯黑色，能更真实地反映现实世界。这可能是一个有偏见的说法，不过近些年来，我发现这是一个极好的建议。为了实践这一观点，尽量避免在较亮的背景上使用#000。取而代之，选择一个暗灰色，可能是混合色(深蓝色，深绿色，深橙色等)。我总是觉得，在白色背景上的深灰色文字，比纯黑色文字的可读性高出10倍。纯黑色与其它颜色相比，反差非常大。这一点让我很苦恼，但即使是一点积极的差异，还是有区别的，所以我的建议是避免使用#000。提炼配色方案入门色彩理论，最简单的方法可能是从一个单一的颜色开始入手，并使用在线指导工具。没有人与生俱来就理解色彩的选择。但随着不断的重复，它就变成了你的第二天性。选择配色方案的时间，会在启动一个Web项目并收集想法(线框图，草图，页面元素)之后。这可能发生在设计一个简单的模型之前或者之后，但方法仍然是相同的。只需选择一种颜色，可以与基于内容、形式、风格或情感的布局很好地工作。




















    但你会发现整个布局，还有其它的高亮色调。橙色和浅蓝色的出现非常突出，与暗色背景形成对比。要记住在选择一个配色方案时，使用2个或3个不同的色调，因为这样很可能会设计出一个非常棒的网站。结尾辞最后，我希望这个指南能提供可靠的起点给各位数字艺术家和网页设计师。色彩理论非常像音乐理论，其中主要的原理是通过实践得知，而不是传统的理论分析。但是在起步阶段，可能会感觉有些困难，等你积累了相当一部分资源和理论基础之后会感觉越来越顺畅。如果你真的想了解配色方案的选择，那么就要坚持练习。刚开始的期望值不要太高，因为很有可能你在初始阶段的实践结果不会很成功，但是随着时间的推移，你会做得越来越好。

    楼主 2016-06-25 12:18 回复

共有回帖数 0 个
  • 回 帖
  • 表情 图片 视频
  • 发表

登录直线网账号

Copyright © 2010~2015 直线网 版权所有,All Rights Reserved.沪ICP备10039589号 意见反馈 | 关于直线 | 版权声明 | 会员须知