如何设计有层次感的界面

  《色彩解答》之一 色彩层次网站配色中的 色彩层次

  很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。

  色彩的层次是指当我把作品去色之后,作品中有没有表现出从黑到灰到白的存在比例。如果一个作品的黑色比较多那么整体的效果就会显得很沉重,而如果白色很多的话那么整体效果就会显得很苍白,如果灰色很多,白色与黑色都很少,那么整个版面就显得很脏了!

  大家看一下下面的图片,这个是被去色的图。大家看到了很多地方并非只是一种色彩,所以会产生一种色彩的渐变。


  很多人在制作网站时也会找到自己的主色与辅色,但是却没有把辅色用好。所表现的作品色彩上就显得那么的单调没有生气,那是因为没有注意主色与辅色之间色彩层次关系。丰富的色彩层次还可以帮助作品色彩艳丽。很多人想表现艳丽的色彩时总是在拾色器中找到个高饱和度,高亮度的色彩,可是做出来却发现并非是自己想得那样艳丽。看一下面的图片比较。大家会发现上面的图要比下面的图艳丽的多。


  现在朋友对色彩有重新的认识?

  《色彩解答》之二 色彩比例

  这次我们将深入进去了解一下众多色彩在一起之后所存在的“比例”关系。

  我们在使用色彩的时候不可能把所有的色彩都做得一样大小,当然如果你是在排色谱,那是例外。我们在设计网页或是平面作品时我们大多会想好用什么色彩为主色,并找到相关的色彩为辅色。但是往往到实际工作的时候就主辅不分了,也不清楚什么是主什么是辅。结出做出来的东西,色彩杂乱,没有主次!

  学习设计的人都想做出好东西,但是往往却事与愿违,从手下出来的作品总是不能达到自己的要求。其中对色彩比例的取舍上总是犹豫不决,结果往往是做出错误的判断。到底我们要怎么做才能做出漂亮的色彩呢。从比例的安排上可以帮助我们得到部分答案!下面看图:以下是一外国网站的截图,这个网站用的色彩不多,白色,黑色,橙红色。不用我说大家都知道什么色彩最多,什么彩色最少!


  这次我们将深入进去了解一下众多色彩在一起之后所存在的“比例”关系。

  我们在使用色彩的时候不可能把所有的色彩都做得一样大小,当然如果你是在排色谱,那是例外。我们在设计网页或是平面作品时我们大多会想好用什么色彩为主色,并找到相关的色彩为辅色。但是往往到实际工作的时候就主辅不分了,也不清楚什么是主什么是辅。结出做出来的东西,色彩杂乱,没有主次!

  学习设计的人都想做出好东西,但是往往却事与愿违,从手下出来的作品总是不能达到自己的要求。其中对色彩比例的取舍上总是犹豫不决,结果往往是做出错误的判断。到底我们要怎么做才能做出漂亮的色彩呢。从比例的安排上可以帮助我们得到部分答案!下面看图:以下是一外国网站的截图,这个网站用的色彩不多,白色,黑色,橙红色。不用我说大家都知道什么色彩最多,什么彩色最少!


  白色最多,黑色其次,橙红色最少,但是大家有没有发现一个问题,最醒目的不是黑白色,而是橙红色。这至少证明了:色彩多并不一定醒目,色彩少反应容易吸引注意力。

时间: 2024-08-29 06:52:47

如何设计有层次感的界面的相关文章

分面面包屑设计技巧:设计分面搜索界面技巧

文章描述:分面面包屑在我看来是下一代查找界面中最直观的关键控件,充分整合了分面搜索和浏览功能.我希望这篇文章能够协助大家设计分面搜索界面,也希望大家帮助宣传分面面包屑设计,帮助我们把灵活的一体化搜索普及到实践中. 译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件. 翻译了这篇文章跟大家共享,若大家发现任何错误,欢迎随时给予纠正. 原文地址:faceted-finding

采访Facebook设计师:设计有灵魂的界面

在接下来的几周内,Facebook 要推出一个新版的帐户界面--"Timeline"(时间线).在新的界面内,用户的信息不再是简历般的自我介绍,而是对生活中重要时刻的绘声绘色的展示.如果你是忠实的 Facebook 用户,Timeline 将是你一生的记录.Facebook Timeline 想要承载两种感觉: 它想要传递一种感觉.更准确的说是两种感觉:一种感觉是与别人分享你生命中的故事,另一种感觉是记忆--对你自己生命的记忆. Timeline 的界面设计将是一项具有挑战性的工作.N

sqlsever数据库设计,如何加上界面

问题描述 sqlsever数据库设计,如何加上界面 做了一个数据库课程设计,然后想给它加个界面,请问如何做,应该用什么方法? 解决方案 是计算机专业的学生吗?如果是的话,就不会这么问这个问题了,如果不是,老师为什么要叫你们写图形界面的程序 解决方案二: 随便选一种语言,asp, jsp,mfc,wpf,java swing,VB等,都可以做界面. 解决方案三: 是计算机专业的学生吗?如果是的话,就不会这么问这个问题了,如果不是,老师为什么要叫你们写图形界面的程序 解决方案四: 首先要考虑界面是c

我是菜鸟,我设计了三个界面,关闭一个,其他两个也退出了。

问题描述 我是菜鸟,我设计了三个界面,一个登陆,(1)一个主界面,(2)一个主界面菜单点击退出选中后弹出的界面(3),当我点击第三个界面时,我的程序界面全部退出,如何改,谢谢各位大侠 解决方案 解决方案二:没看懂解决方案三:dispose解决方案四:自己debug一下.这种问题不好说.解决方案五:每天回复得10分解决方案六:应该写的桌面应用程序吧.在第三个窗口的退出时间别写System.exit(0);用setVisible(false);隐藏掉第三个窗口就可以了.解决方案七:我是菜鸟,我设计了

【硅谷连线】传谷歌将推新设计语言 统一Android界面

中云网每天连线硅谷,呈现最新鲜资讯!这里的"硅谷"指的是国外具有典型性和创新性企业代表. 1. 科技业抱团 反对美政府索取存于国外用户数据 <http://tech.qq.com/a/20140615/030609.htm> 据报道,之前美国政府和司法部门向微软发出搜查令,要求微软提供保存在爱尔兰都柏林服务器上的用户邮件信息,微软强烈反对,认为美国政府的要求,不适用于保存在海外的信息.美国司法部门称,这一数据索取,和一宗刑事调查有关系. 微软的反抗举动,引发了科技行业的广泛

Illustrator加AE设计动效胡萝卜界面制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下加上AE软件来设计动效胡萝卜界面的制作教程. 教程分享:     好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的加上AE软件来设计动效胡萝卜界面的制作教程解析分享的全部内容了,各位看到这里的使用者们,小编相信大家现在是很清楚动效胡萝卜界面制作方法了吧,那么各位就快去按照小编上面的教程自己去绘制吧.

怎样才能设计出优秀的界面

  1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控.同时用户也可以一目了然内容.而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达.最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮. 2 放出礼品往往更具诱惑力 给用户一份精美小礼品这样的友好举动再好不过了.具体来讲,送出礼品也是之有效的获得客户忠诚度的战术,这是建立在人们互惠准则上的.而这样做所带来的好处也是显而易见的,会让你在往后的活动进展(不管是推销,产品更新还是再次搞活动)中更加顺利. 3 合并

用户界面设计经验分享:界面设计技巧分享

如此有用的文章我已记不得是什么时候发现的了,但在看完的那一刻便想将之翻译,分享给大家自己也受用. 时间过了很久,来到了2014年,终于静下心来花了大把时间连同图片一起译成了中文.像我这样业余的翻译六级分数只够及格的程序员,不敢说做到信雅达,但求意思到位. 1 尽量使用单列而不是多列布局 单列布局能够让对全局有更好的掌控.同时用户也可以一目了然内容.而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达.最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮. 2 放出礼品往往更具

吐槽iOS7扁平化设计:新UI界面的优点和槽点

万众瞩目之下,iOS7的神秘面纱终于被揭开.坊间关于iOS到底会走向"拟物化"还是"扁平化"的传言,就此也告了一个段落.自从 Jony Ive接管OSX团队来,一只就有传言,说这位工业设计大师将会将极简风格引入新版iOS的UI中,从而取代一直以来都是iOS标志性之一的"拟物化"设 计.这个传言并非子虚乌有,从年初Podcast应用中去掉精美的博朗TG 60磁带机的设计元素之后,事情就变得越来越明朗.Dribbble上也开始呈现UI扁平化的设计趋势