网站界面设计分析.pptVIP

  1. 1、本文档共64页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
谢 谢! 情人节的礼物通常都有一个红色的盒子,或者是粉红色,也就是添加一些白色的红色。红色也代表愤怒和血液。在火焰中可以同时找到红色、橙色和黄色。红色也表示危险,所以很多表示停止的标识牌都是红色的,因为红色可以很好地吸引人们的注意。红色是很强势的颜色,当它和其他颜色相遇时,比如搭配黑色,可以创建非常强势的感觉。红色可以搭配一些严肃的语气和强硬的命令。 * * 如果你观察流行的网站所选择的模板或主题,你会发现它们中的大多数都是使用深灰色的文字搭配白色或浅灰背景,这是有充分的理由的。 * * * * * * * * 你现在需要为你的设计添加额外的颜色,不过为了让事情变得更简单,这些颜色都是你已经选择的强调色的变色。 * * 你现在需要为你的设计右上角的颜色像一级方程式赛车,它们的执行力惊人,并且非常吸引人,但是我们一般需要足够的经验才能很好地驾驭它们。如果没有经验的话,它们可能会造成事故,所以最好去尝试使用更缓和的颜色。添加额外的颜色,不过为了让事情变得更简单,这些颜色都是你已经选择的强调色的变色。 * * 它仍然看起来非常漂亮,对吧?但是如果我把选色点拖拽到颜色选择器的右上角,它突然就变得不太好了。 唉妈呀我的眼睛!如果你确定不想烧焦访问者的眼睛,遵循一般的指南避开颜色面板上右上角的位置来进行调色。 * * 如果有疑问,你可以求助于你的“安全第一”指南,这样你就能远离“惨不忍睹”了 * * * * 你刚刚已经学习过了所有这些术语在实践设置中的含义。 * * 如果有疑问,你可以求助于你的“安全第一”指南,这样你就能远离“惨不忍睹”了 * * * * * * * * 初学者的6条网页设计安全配色指南 * 1. 配色方案是画布,不是画   网页设计中最基本的原则之一是,不管你花多长时间创造一个华丽的设计,其最终的角色都是这场秀中真正的明星——内容的衬托。网页设计中不应该让配色比内容展示更加“热闹”。 你的设计应该是在后台的,帮助将网站的内容推向前台。 * * 2. 从简单的灰度模式开始   你可以为你的主背景和文本从无数的色彩组合中进行挑选。然而,我的建议是先掌握最简单的,白色或浅灰色背景搭配深灰色的文本。   这种组合你基本保证了为访客提供可读性,并允许基于内容的文本和图像进入前景。   利用一些示例内容制定一个基本的灰度布局,例如: * 建议:一般来说,你应该避免使用纯黑的文本,深灰色相对来说更易阅读。一个相对舒适的范围是#333333至#666666。   基于上述,在任何文本主体下,最保险的背景色是全白#FFFFFF。   对于其他的背景元素,背景色的范围可以从#FFFFFF至#CCCCCC.   再次声明,这些并不是你必须使用的颜色准则,仅仅只是你可以开始安全设计的一些指南。 * 3. 只选择一种强调色   配色方案出错的最常见的地方就是颜色使用过多。你使用的颜色越多,你想要将它们都保持在控制中就越困难。所以一开始,在灰度基础之上只添加一种额外的颜色来强调诸如链接、某些标题、菜单、按钮等等元素是很有用的。你的强调色可以是蓝色、绿色、红色或其它任何你喜欢的颜色。 * 通常做法:开始在你的基础图上拉一个强调色的矩形框,这样你可以衡量颜色是否与页面上所有的元素匹配。然后打开颜色选择器,选择在颜色面板右上角四分之一中心位置的颜色。 * 色相的选择:上下移动滑块,选择一个你认为适合你设计的颜色。     至此,你已经使用了三种基本颜色:背景色,文本色,以及一种强调色。       怎样选择“色相”?      简而言之,色相就是一种基本色。当你上下移动滑块的时候你就会看到你    颜色选择器中的“H”值在不断变化。    “H代表色相,一旦你选择强调色,文本框中数值就是色相的值。 * 4. 如果有疑问,选择蓝色   如果你对选择什么强调色有任何疑问,请使用蓝色。蓝色通常是最灵活的颜色,适合多数的网站类型。如果你要选择特别的蓝色,你可以选择深蓝色(H值235)至浅绿色(H值190)的范围以保证自己在安全的领地。    紫色和黄色之类的颜色可以是很活泼的,但是如果使用不当的话,立马会变得很花哨。 *   假如你在按钮或任何其他有文字的区域使用了强调色,也要相应地改变文本的颜色。在这个例子中,将强调色区域之上的文字改成了白色。   在下面的布局示例中,选择值为205的色相。当你已经选定了强调色,将它添加到任何你认为必需的位置。 * 5. 为强调色添加变化   一旦选定了强调色,将色相(H)滑条位置保持不变。  做法:在颜色选择器上强调色周围拖动选色点来创建变色。 * 在以下这些元素上使用变色: 悬停效果 边框 强调色上的文本 渐变 光和阴影的效果 * 6.避开调色面板右上角的位置   颜色选择器上右上角的位置是高纯度

文档评论(0)

四娘 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档