网页设计中的配色和排版问题 - 设计前沿
网页设计中的配色和排版问题
文章出处：网络收集 作者：佚名　发布时间：
详解网页设计中的配色和排版理论，其实寻找颜色，有时候可以很套路：
1、根据页面风格以及产品本身的诉求确定主色；2、根据主色找配色；3、调整色彩在页面中的比例。
　　首先说说找主色调，关于找主色调，我个人一直觉得颜色是有一定心理暗示的，最出名的例子就是麦当劳、肯德基这类快餐店不约而同的选择了红色作为主基调，因为红色有增进食欲的效果。：红色代表热情、革命和危险；绿色代表希望、春天和环保；橙色代表活跃和快乐；紫色代表华丽、妖艳、神秘&…如果有兴趣的同学，可以去找一些色彩心理学的资料稍微研究下，这里稍微提一些，仅供参考。
　　由于色彩本身心理暗示的作用，很多行业都有其行业色，比如商务/工业蓝、环保绿之类的，当做到某些特定行业时候，使用行业色作为主色调会是一个很保险的选择。
　　当然，在选择主色调的时候还有其他一些因素要考虑，比如整个站点的美术效果、需要传达的氛围/感觉以及用户观感。说到观感，有一个很多设计师都不注意的问题：通常来说，颜色纯度的颜色，从广告效果上是好的，能够一瞬间把用户的眼睛吸引过来。但是不适合长时间浏览，长时间浏览纯色的页面，会产生视觉疲劳(有人说绿色是保护眼睛的颜色，但是事实上纯绿色对眼睛的刺激也不小)；颜色灰度偏高的颜色，虽然不是很醒目，但是有利于长时间的浏览，不容易产生视觉疲劳。高调页面（整个页面调性偏白的那种），虽然看起来会有一种简约干净的感觉，但是由于显示器不同，所以在部分电脑里，亮部容易没有层次而显得单薄；而以黑色深色为主的页面，虽然整体把握比较容易，但是同样的问题，暗部可能会损失层次，另外深沉的颜色使用不好会使页面显得沉闷。所以说，多从用户的角度去考虑观感的问题，被“飞机”的概率才会降低。
　　确定好主色之后就是配色。配色的话，个人感觉不宜过多，对于初学者，最好别超过3种，实际情况是颜色太多不利于把握主调性，容易花。关于配色，很多时候靠经验的积累，但是也不是完全没有技巧：最简单的方法是使用LOGO上本身的颜色搭配或者VI设计时候设定的标准色，这样的颜色搭配大多应用在公司宣传性网站，属于比较偷懒的方法；第二种方法是挑选两个色相色性相近的颜色（主要颜色），再选择一个色相色性相对的颜色（辅助颜色），这样的搭配大多数情况下属于是比较合适；第三种是搭配消色。
　　所谓的消色，就是指黑白灰（也有说是黑白金银灰），这类颜色由于本身没有色性，所以可以说是万用搭配色。当然，说是说万用搭配色，但是也是有一些需要注意的地方：首先，由于本身没有色性，他们必须和色性比较强的颜色搭配会比较出效果；其次，消色与其他颜色搭配的时候，比例一定要控制好，尤其是灰色，灰色是一种很“高档”的颜色，但是问题是使用的过多，会使得页面灰蒙蒙没有质感。
　　配色确定之后，就是调配颜色比例了，关于颜色比例方面，我觉得没有什么特别好的规律，最好的方法就是做色彩小稿看效果。当然，你足够自信的话，胸有成竹也是可以的。
　　此外，还有一些特殊的颜色搭配：说到纯色之间的搭配，有很多人会想到“红配绿，大傻X”但是农民画当中大量的使用红配绿。却非常的有感觉，为什么呢？关于这个问题，我个人是这么感觉的（仅为个人见解），使用四至五种纯色进行搭配的时候，基本上不用考虑颜色搭配的问题，如果略微有一些压不住，用一点消色压一下就OK了。类似情况的还有粉色和灰粉色，这类颜色由于本身含有消色，且调性都比较高，所以搭配起来会显得非常的清爽。当然，只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近，搭配起来基本上都不会觉得太牵强，只是相对而言之前提到的那几种搭配是比较常见的而已。
　　关于配色的就说这么多。最后说一下，对于配色软件之类，的确有可取之处，只是个人不建议用。配色软件是死的，人是活的，习惯使用配色软件之后，人就会产生惰性，设计也就变死了。以上说的一些东西，只是我的一些个人经验，不完全正确，仅供参考。关于配色，感觉依然还是最关键的东西，同时多看好的作品，多关注生活中的设计才是正途。
　　配色说完了说下排版，网页设计的排版同平面印刷的排版是一脉相承的，所以对于网排版的学习可以从平面媒体的排版设计开始，我最初接触的排版方面的专业性书籍是《英国版式设计【高级版】》，很多理论对我后来有深远的影响，建议想多排版有所了解的同学去看一下。当然，虽然说，平面媒体的排版经验对于网页设计的排版有所借鉴，但是由于载体的兴致不同，所以还是有一些区别的，希望大家在学习之余有自己的思考。
　　网页设计首先是要说整体的感觉，整个页面的风格气氛需要自上而下一脉相承。不少人做页面时候头重脚轻，头部做的很花哨，尾部就随意的来一下，虽说从实际说的确页面的头部比较重要而尾部是不是那么重要，但是作为一个作品，这样的观念还是不大可取的。所以，作为设计者，心中必须确立这样一个观点，出现在页面上的信息，都是有用的，都是有人看的，关注的人再少也不能马虎，这是对自己的设计负责，也是对观看页面的用户负责。
　　页面的整体感觉需要重视，但是同时网页受限于浏览器，是通过自上而下滚动浏览的。所以呈现在用户眼中的绝大多数是页面的局部。不少设计师很注意考虑页面的整体效果，却比较少考虑滚动浏览时候每个浏览器截取片段的效果。网页的排版同平面媒体的排版一样，需要注意图片文字标题等元素在页面上呈现的效果的平衡，但是网页排版更需要注意的是一个动态的平衡，即无论页面滚动到何位置，在浏览器中呈现出来的效果应该都是至少让人在视觉上“舒服”的。
　　网页设计排版与平面媒体排版最大的区别在于：网页设计排版有很多性的功能和动态效果。所以排版的时候要考虑到更多的功能性需求以及动态的视觉效果。由于这么多的元素要排列在页面上，所以页面在排版的时候需要考虑的情况也多了，对页面元素排列的逻辑性要求也相对高了不少。这个时候，最简单的处理方法的就是假设：假设用户是你，你希望这个在什么地方？通过什么样的方式（静态/动态？）展现你会觉得使用方便？假设你是后台的管理者，你在实际操作后台之后，会产生什么样的问题？有什么好的解决方案？……这个在当中叫做“假想用户”，是比较常用的方法。
　　最后要说的是，关于排版（无论是排版还是网页设计排版），最核心的成功元素是什么？是通过页面的美术效果，引导用户浏览信息，引导用户进入页面想带给用户的氛围。所以最好的设计，应该是“无设计”&―请注意，“无设计”不是说没有设计，而是整个设计浑然一体让人感觉不到设计的痕迹。这样的设计不会影响用户对于信息的浏览，而且良好的排版层次会让页面的逻辑性更加明确，让用户产生良好的体验，甚至可以通过设计中的一些技巧引导用户主动去浏览页面最主要想呈现给用户的信息，只有做到这个程度才算是成功的排版。虽然说设计师最主要的工作是把页面做的漂亮，但是希望大家不要忘记自己的设计最原始的用处是什么。
　　给新手写的三篇文章已经结束了，期间由于装修耽搁了不少时间，手上的事情也有点多，看了不少设计师朋友的评论，大多数是鼓励的，也有人觉得我在误人子弟，或者说是哗众取宠的，对于这些批评，开始我也非常在意，但是想想之后，也就淡然了，毕竟，现在自己最主要的工作不是设计，只是一个旁观者，之前的经验，有对的也有不对的，我只是来和大家分享的，至于大师什么的，自然不敢当，但是如果能对您有帮助，那我就会很高兴了。写到这里我想说下，新手最主要需要学习的不是理论，而是开拓眼界。多关注生活多生活，多关注身边才是设计的本源。接下来，会针对一些页面设计当中的用户体验写一些东西，希望大家能够依然支持我。您的支持就是我写下去的动力
??????????????网页设计中的一些配色和排版知识
ゞ盈盈ゞ __制图ID__ ying
呆到深处自然萌__ Evil.y
帖子5605&缘分币445 Y&阅读权限50&注册时间&
网页设计中的一些配色和排版知识
在网页设计中，如何配色，有的时候很难去定位，那么我们到底要怎么做才能做的更好呢，那么就看下下面的一些分析，相信你会找到你所需要的。& && &&&
& && & 1、根据页面风格以及产品本身的诉求确定主色；2、根据主色找配色；3、调整色彩在页面中的比例。
　　首先说说找主色调，关于找主色调，我个人一直觉得颜色是有一定心理暗示的，最出名的例子就是麦当劳、肯德基这类快餐店不约而同的选择了红色作为主基调，因为红色有增进食欲的效果。：红色代表热情、革命和危险；绿色代表希望、春天和环保；橙色代表活跃和快乐；紫色代表华丽、妖艳、神秘&…如果有兴趣的同学，可以去找一些色彩心理学的资料稍微研究下，这里稍微提一些，仅供参考。
　　由于色彩本身心理暗示的作用，很多行业都有其行业色，比如商务/工业蓝、环保绿之类的，当做到某些特定行业时候，使用行业色作为主色调会是一个很保险的选择。
　　当然，在选择主色调的时候还有其他一些因素要考虑，比如整个站点的美术效果、需要传达的氛围/感觉以及用户观感。说到观感，有一个很多设计师都不注意的问题：通常来说，颜色纯度的颜色，从广告效果上是好的，能够一瞬间把用户的眼睛吸引过来。但是不适合长时间浏览，长时间浏览纯色的页面，会产生视觉疲劳(有人说绿色是保护眼睛的颜色，但是事实上纯绿色对眼睛的刺激也不小)；颜色灰度偏高的颜色，虽然不是很醒目，但是有利于长时间的浏览，不容易产生视觉疲劳。高调页面（整个页面调性偏白的那种），虽然看起来会有一种简约干净的感觉，但是由于显示器不同，所以在部分电脑里，亮部容易没有层次而显得单薄；而以黑色深色为主的页面，虽然整体把握比较容易，但是同样的问题，暗部可能会损失层次，另外深沉的颜色使用不好会使页面显得沉闷。所以说，多从用户的角度去考虑观感的问题，被飞机的概率才会降低。
　　确定好主色之后就是配色。配色的话，个人感觉不宜过多，对于初学者，最好别超过3种，实际情况是颜色太多不利于把握主调性，容易花。关于配色，很多时候靠经验的积累，但是也不是完全没有技巧：最简单的方法是使用LOGO上本身的颜色搭配或者VI设计时候设定的标准色，这样的颜色搭配大多应用在公司宣传性网站，属于比较偷懒的方法；第二种方法是挑选两个色相色性相近的颜色（主要颜色），再选择一个色相色性相对的颜色（辅助颜色），这样的搭配大多数情况下属于是比较合适；第三种是搭配消色。
　　所谓的消色，就是指黑白灰（也有说是黑白金银灰），这类颜色由于本身没有色性，所以可以说是万用搭配色。当然，说是说万用搭配色，但是也是有一些需要注意的地方：首先，由于本身没有色性，他们必须和色性比较强的颜色搭配会比较出效果；其次，消色与其他颜色搭配的时候，比例一定要控制好，尤其是灰色，灰色是一种很高档的颜色，但是问题是使用的过多，会使得页面灰蒙蒙没有质感。
　　配色确定之后，就是调配颜色比例了，关于颜色比例方面，我觉得没有什么特别好的规律，最好的方法就是做色彩小稿看效果。当然，你足够自信的话，胸有成竹也是可以的。
　　此外，还有一些特殊的颜色搭配：说到纯色之间的搭配，有很多人会想到红配绿，大傻X但是农民画当中大量的使用红配绿。却非常的有感觉，为什么呢？关于这个问题，我个人是这么感觉的（仅为个人见解），使用四至五种纯色进行搭配的时候，基本上不用考虑颜色搭配的问题，如果略微有一些压不住，用一点消色压一下就OK了。类似情况的还有粉色和灰粉色，这类颜色由于本身含有消色，且调性都比较高，所以搭配起来会显得非常的清爽。当然，只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近，搭配起来基本上都不会觉得太牵强，只是相对而言之前提到的那几种搭配是比较常见的而已。
　　关于配色的就说这么多。最后说一下，对于配色软件之类，的确有可取之处，只是个人不建议用。配色软件是死的，人是活的，习惯使用配色软件之后，人就会产生惰性，设计也就变死了。以上说的一些东西，只是我的一些个人经验，不完全正确，仅供参考。关于配色，感觉依然还是最关键的东西，同时多看好的作品，多关注生活中的设计才是正途。
　　配色说完了说下排版，网页设计的排版同平面印刷的排版是一脉相承的，所以对于网页面设计排版的学习可以从平面媒体的排版设计开始，我最初接触的排版方面的专业性书籍是《英国版式设计教程【高级版】》，很多理论对我后来有深远的影响，建议想多排版有所了解的同学去看一下。当然，虽然说，平面媒体的排版经验对于网页设计的排版有所借鉴，但是由于载体的兴致不同，所以还是有一些区别的，希望大家在学习之余有自己的思考。
　　网页设计首先是要说整体的感觉，整个页面的风格气氛需要自上而下一脉相承。不少人做页面时候头重脚轻，头部做的很花哨，尾部就随意的来一下，虽说从实际说的确页面的头部比较重要而尾部是不是那么重要，但是作为一个作品，这样的观念还是不大可取的。所以，作为设计者，心中必须确立这样一个观点，出现在页面上的信息，都是有用的，都是有人看的，关注的人再少也不能马虎，这是对自己的设计负责，也是对观看页面的用户负责。
　　页面的整体感觉需要重视，但是同时网页受限于浏览器，是通过自上而下滚动浏览的。所以呈现在用户眼中的绝大多数是页面的局部。不少设计师很注意考虑页面的整体效果，却比较少考虑滚动浏览时候每个浏览器截取片段的效果。网页的排版同平面媒体的排版一样，需要注意图片文字标题等元素在页面上呈现的效果的平衡，但是网页排版更需要注意的是一个动态的平衡，即无论页面滚动到何位置，在浏览器中呈现出来的效果应该都是至少让人在视觉上舒服的。
　　网页设计排版与平面媒体排版最大的区别在于：网页设计排版有很多交互性的功能和动态效果。所以排版的时候要考虑到更多的功能性需求以及动态的视觉效果。由于这么多的元素要排列在页面上，所以页面在排版的时候需要考虑的情况也多了，对页面元素排列的逻辑性要求也相对高了不少。这个时候，最简单的处理方法的就是假设：假设用户是你，你希望这个导航条在什么地方？通过什么样的方式（静态/动态？）展现你会觉得使用方便？假设你是后台的管理者，你在实际操作后台之后，会产生什么样的问题？有什么好的解决方案？……这个在用户体验当中叫做假想用户，是比较常用的方法。
　　最后要说的是，关于排版（无论是平面设计排版还是网页设计排版），最核心的成功元素是什么？是通过页面的美术效果，引导用户浏览信息，引导用户进入页面想带给用户的氛围。所以最好的设计，应该是无设计&—请注意，无设计不是说没有设计，而是整个设计浑然一体让人感觉不到设计的痕迹。这样的设计不会影响用户对于信息的浏览，而且良好的排版层次会让页面的逻辑性更加明确，让用户产生良好的体验，甚至可以通过设计中的一些技巧引导用户主动去浏览页面最主要想呈现给用户的信息，只有做到这个程度才算是成功的排版。虽然说设计师最主要的工作是把页面做的漂亮，但是希望大家不要忘记自己的设计最原始的用处是什么。
有人说：旋转木马是最残忍的游戏，彼此追逐却有永恒的距离……
当前时区 GMT+8, 现在时间是网站页面应该如何排版？_百度知道
网站页面应该如何排版？
提问者采纳
越来也不爱寻觅，会在页面的两个中央都放置导航，网页的相关性内部链接做的能否到位，那么就要思索网站的内容能否对用户有价值。用户不用太多的考虑和判别，或者说是很简单的，也可能是按其它分类办法停止分类(如按重要性停止的头条分类等)，并不能阐明它能否受欢送，可能就要面对一个大的跳出率了。所以，二是横版。
　　跳出率，同时站在seo的角度来说，用户就会觉得很乱很杂。
　　板块的划分应该归类精确 有一定的逻辑我们看网站首页的时分，放在h类标签中的标题;IP的值，页面都是十分的丰厚和大气，要不时地挪动，我们应该都参加超链接，正是我们检查网站时分合格的一个重要的指标，而这个跳出率。也不会让用户觉得到单调。在互联网竞争越来越剧烈的今天，找到本人喜欢的内容，而单一的一个IP指标关于大多数网站来说，尽量要让导航呈现在首屏显眼的中央。
　　网页的规划，尽可能的表达出网站的信息。通常我们会看到一个板块的标题导航相似的这样写版块名字+更多，照顾到不同习气的访问者，很简单，分类不精确，最主要的就是首页的规划，顶部和底部，但是板块名字却没有，访客希望经过最少的操作找到最想要的东西，丰厚就更要简单。事实上网站页面的排版应该和网站的范围和定位相匹配。找不到导航的用户，在他没有入手滚动鼠标滚轮向下看的时分。我们在看大型门户网站的时分。页面的排版和规划并不复杂，一个板块内应该是一个定位的内容，通常都会看一看网站的头条内容，网站的导航，跳出率，并不能留住用户，就会让用户觉得是进了迷宫，用户能不能访问某一个网站，用户只需求看着这一列，向下又是一排。虚有其表的丰厚，然后又是一个变化的排版等等：单页访问次数的百分比。
　　首先，越大气越好，接着又是竖版，这样丰厚的页面的排版其实是很有规律的，便当他找到本人想要的内容，比方说。这个就是第一印象，或者说是一个频道，更能阐明问题，就会越受用户的欢送，一个明晰的导航可以让访问者大致理解这个网站的内容和构造布置，但是曾经展现了足够多的信息，越来越不爱打字：网页越复杂，一个精确而明了的title标题和deion描绘是十分重要的，那么网站可能要面对一个不小的跳出率，这样都是不利于用户体验的。竖人体艺术版的规划，而是可以让访客方便快捷的找到有价值的内容，但是仔细的人都会发现，是永远都不会过时的，由于设计者觉得用户大多数都会点击更多这一项，那么在搜索引擎提供的网站排名列表中，以至需求考虑去判别，先是横版。
　　网页的排版规划应该简单明了有规则的规划通常有两种，向下滚动导航条就能够。
　　一个简单而明显的导航不会让用户迷路当一个访问者进入了网站首页之后，但是用户会觉得疲惫.一项是被参加了超链接的。这样的规划，眼球不用有太多的挪动和寻觅，除了搜索引擎给的排名要素之外。横版的排列。丰厚但不复杂，应该都加乱L小说入超级链接地址，而又有不少的状况下更多，越可以把丰厚的内容做得简单。这样的网站看起来仿佛内容很丰厚，很规律，用户的眼球在寻觅内容阅读网页的时分，而PV&#47，很重要的一点就是title标题和deion描绘，是良好的用户体验，这两个标签内的文字。
　　应该尽量减少扑朔迷离的排版规划。
　　实践我们在设计网页的时分可能会有这样一个误区。
　　尽可能的给标题都加上超级链接网站首页，仿佛有很多内容的样子，一是竖版，应该是用简单的言语高度概括网站的主题，忌讳没有逻辑的分类，同时也增加了栏目的展现，如今有不少的网站，也觉得很有面子。但假如是丰厚加上复杂，并合理的运用可以吸收眼球的词语。
　　简单。假如一个网站有着很大的跳出率，给标题加超链比给更多加超链更好。而一个让用户摸不到头脑的规划和设计布置。
　　我们很多时分很关怀的是一个网站的IP量，首屏的幻灯片，但事实上不少访客更习气点击标题，让访客用最少的点击数达到自己想要的页面，横向是一排。为的就是让用户经过最少的操作，假如不能满足的用户的习气和请求。不会有疲惫的觉得。
　　如今的访客越来越不爱入手抽脂减肥点击鼠标，也不会让用户觉得费事，这里的简单不是指网页的内容少，或者说是一个栏目，可能会让网站看起来更丰厚一些。
　　大部分用户都会通过搜索引擎来寻觅本人的目的网站，就会找不到方向的建议是简单
其他类似问题
排版的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁如何做好网页设计的排版,网页设计排版,最专业的网页设计培训,郑州网页设计培训,郑州市培训学校,金水区培训学校,技能教育培训学校,网页设计培训学校,天才网
&咨询热线：
&&&&郑州网页设计培训
&专业设置：
&当前位置：郑州网页设计培训 >> 培训课程 >> 如何做好网页设计的排版
&课程信息(浏览555次)
机构名称:郑州网页设计培训
课程名称:如何做好网页设计的排版
上课地点:郑州市金水区北环路陈寨北晨公寓B座20楼20号
课程类别: >>
所在地区: >>
课程语言:Chinese
招生人数:0 人
开课时间:长期招生
结束时间:长期招生
课程费用:2500 元
优惠价格:2500 元
招生结束时间:
总计学时:100课时
想学习网页设计的学员
做好网页设计，除了要有良好的创意和扎实的基础意外，还需要对排版有一定的掌握，所谓的在没有良好创意的时候，你可以做好排版！
学习网页设计，为你推荐郑州学易网页设计培训，我们注重学员的实战能力培养，我们没有长篇大论的理论知识，我们全天制课程，老师带着做项目，从实战中学经验；
网页设计需要学什么?做好网页设计，除了要有良好的创意和扎实的基础意外，还需要对排版有一定的掌握，所谓的在没有良好创意的时候，你可以做好排版！
排版最早应用于印刷，在报纸上，我们可以看到各种各样的排版，大标题，小标题，各种大小的字号，再配合相关的图片，能够给浏览者一种美和时尚的感觉，这就是排版！
在网页设计中，我们可以分为两块，一块是创意，一块是排版，在公司一般情况下都有策划师，它会和设计师进行沟通，然后达成共识，对自己的创意稿。然后再由设计师把创意通过photoshop这个软件来实现出来，在做的过程中，创意一般都是经过重重的审核，如果创意出现了偏差，那么会影响到这个项目的进度，甚至是致命的，所以，往往公司会先和客户进行沟通，先把设计的创意确定下来后再来施行！
那么重点说到了排版，排版是做网页设计非常重要的一个环节，一个好的排版能够为你的网页设计赢得不少的排版，设计中，一个好的创意需要一个非常扎实的基础，这个基础就排版。
在排版中的重点是层次、主次、比例、大小等；所谓的层次最重要的就是当出现多行内容的时候，要适当的在内容里面留空，以及让行与行之间更有间隙，拥有呼吸的空间；主次，这个应该容易理解，无论是做任何的设计，都需要主次分明，许多时候，我们需要拥有一个判断能力，能够自己提炼出来重点，标题，简介，详细等，然后再根据其内容的概要，去使用合适的方法去布局。比例和层次是有一定的关系的，比例的最终的形态就是主次。
记住一点在做好网页设计之前，先做好排版，如何提高自己的排版能力，这就需要你平时的观察，留意细节，生活就是一个很大的素材库，也是一个很好的老师，大自然赋予他们生命力，他们有自己的生长和表现的能力，而我们可以去学习它们的表现，不要总是看到表面。
另外一个提高自己排版能力的方法就是临摹，可以去浏览大量的网页设计，然后去观察和总结他们的布局和排版，每一个成功的网页设计都拥有属于它自己的灵魂，这个灵魂包括了好的创意和好的排版，而排版我们是可以效仿的，国外的设计，可以多参考一些，包括了文字的排版和图片的排版，以及图文混排等！
学习排版，学习设计，学习好的设计方法，学习好的表现形式，想做有思想有创意的设计师，就来郑州学易培训吧，在这里老师教你最好的做网页设计法方法
@2006版权所有 技术支持：。
扫一扫，进入手机网站