??xml version="1.0" encoding="utf-8" standalone="yes"?>国产精品色在线,男人的天堂av高清在线,欧美在线视频观看http://www.aygfsteel.com/paulwong/category/53679.htmlzh-cnSat, 07 May 2016 04:45:15 GMTSat, 07 May 2016 04:45:15 GMT60排版六原?/title><link>http://www.aygfsteel.com/paulwong/archive/2016/05/06/430387.html</link><dc:creator>paulwong</dc:creator><author>paulwong</author><pubDate>Fri, 06 May 2016 09:55:00 GMT</pubDate><guid>http://www.aygfsteel.com/paulwong/archive/2016/05/06/430387.html</guid><wfw:comment>http://www.aygfsteel.com/paulwong/comments/430387.html</wfw:comment><comments>http://www.aygfsteel.com/paulwong/archive/2016/05/06/430387.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/paulwong/comments/commentRss/430387.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/paulwong/services/trackbacks/430387.html</trackback:ping><description><![CDATA[<h1><br /></h1><div class="wmqeeuq" id="share_button" style="margin: 0px; padding-top: 1em; padding-right: 2em; list-style-type: none; border: none; color: #111111; font-family: Georgia, serif; font-size: 12px; letter-spacing: -0.12px; line-height: 21.6px; word-spacing: 2.4px; float: right; background-color: #f5f5d5;"><a style="margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: none; color: #556677; font-stretch: normal; font-family: Helvetica, Calibri, Tahoma, Arial, 宋体, sans-serif; line-height: 18px; overflow: hidden; height: 21px; display: block; width: 51px; background: none;"><div bsstyle10"="" style="margin: 0px; list-style-type: none; text-align: center; font-weight: bold; border: none; color: #333333; cursor: pointer; zoom: 1; display: inline-block; line-height: 1.2; height: 21px; width: 51px; background: url("http://static.bshare.cn/frame/images/button_custom10-zh-Orange.gif") no-repeat transparent;"></div><div style="margin: 0px; list-style-type: none; border: none; color: #111111; zoom: 1; display: inline-block; line-height: 1.2; clear: both; background: none;"></div></a></div><div style="margin: 1.5em auto 2em; list-style-type: none; border: none; color: #111111; line-height: 0.8; font-family: Georgia, serif; font-size: 12px; letter-spacing: -0.12px; word-spacing: 2.4px; background-color: #f5f5d5;"><p author"="" style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; color: #556677; font-size: 1.6em; line-height: 28.8px;">作者：(x) <a url"="" style="margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: none; color: #556677;">阮一?/a></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; color: #556677; font-size: 1.6em; line-height: 28.8px;">日期Q?nbsp;<a style="margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: none; color: #556677;">2010q?0?6?/a></p></div><div entry-content"="" id="main-content" style="margin: 0px; list-style-type: none; border: none; color: #111111; font-family: Georgia, serif; font-size: 12px; letter-spacing: -0.12px; line-height: 21.6px; word-spacing: 2.4px; background-color: #f5f5d5;"><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">上个月，我脓(chung)?a target="_blank" style="margin: 0px; padding: 0px; list-style-type: none; border: none; color: #112233;">《图形化历?/a>?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">几天后，收C<a target="_blank" style="margin: 0px; padding: 0px; list-style-type: none; border: none; color: #112233;">U叶</a>老师的来信，希望与我探讨一些设计问题。他写过一本畅销?a target="_blank" style="margin: 0px; padding: 0px; list-style-type: none; border: none; color: #112233;">《说服力-让你的PPT?x)说话?/a>Q眼下正在写l集?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">我看了新书的L(fng)Q觉得很不错Q有些内容很值得分n?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">====================================</p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">首先Q我们先看一个例子。良好的设计如何使得一个^庸的文档p换骨。下面是一张大学生的求职简历，再普通不q了Q想要引h聘经理的注意Q恐怕很难?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><img src="http://image.beekka.com/blog/201010/bg2010101601.gif" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">U叶老师对它q行了简单的排版Q还是一张表|q是黑白配色Q没有用Q何图形元素，效果却完全不一样了?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><img src="http://image.beekka.com/blog/201010/bg2010101602.gif" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">真是令h眼前一亮，不由自主地想多看几眼。这是优秀设计的作用：(x)它让你脱颖而出?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">====================================</p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">U叶老师把他的排版心得，ȝ为六个原则：(x)寚wQ聚拢，重复Q对比，Q留白。我是这L(fng)解的Q?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><span style="font-weight: 800;">一、对齐原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">　　相关内容必须寚wQ次U标题必ȝq，方便读者视U快速移动，一眼看到最重要的信息?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><span style="font-weight: 800;">二、聚拢原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">　　内容分成几个区域，相关内容都聚在一个区域中。段间距应该大于D内的行距?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><span style="font-weight: 800;">三、留白原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">　　千万不要把页面排得密密麻麻，要留Z定的I白Q这本n是寚w面的分隔。这h减少了页面的压迫感，又可以引D者视U，H出重点内容?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><span style="font-weight: 800;">四、降噪原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">　　颜色q多、字数过多、图形过J，都是分散读者注意力?噪音"?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><span style="font-weight: 800;">五、重复原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">　　多页面排版时Q注意各个页面设计上的一致性和q诏性。另外，在内容上Q重要信息值得重复出现?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><span style="font-weight: 800;">六、对比原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">　　加大不同元素的视觉差异。这h增加了页面的zLQ又方便读者集中注意力阅读某一个子区域?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">====================================</p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">下面用一个PPT的例子，演示排版六原则?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><img src="http://image.beekka.com/blog/201010/bg2010101603.png" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">上面q张ppt有两个毛病。一是字数太多，抓不住重点；二是双没有寚wQ得读者的视线只能一行行C行首到行动，不能直上直下?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><img src="http://image.beekka.com/blog/201010/bg2010101604.png" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">现在q行修改?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">W一步，Ҏ(gu)"聚拢原则"Q将六点分成六个区域?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">W二步，Ҏ(gu)"降噪原则"Q将每一点分?标??说明文字"两部分?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">W三步，Ҏ(gu)"寚w原则"Q将每一个部分、每一U元素对齐?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">W四步，Ҏ(gu)"Ҏ(gu)原则"Q加?标??说明文字"在字体和颜色上的差异?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">W五步，Ҏ(gu)"留白原则"Q留Z定的I白?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;"><img src="http://image.beekka.com/blog/201010/bg2010101605.png" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">面的可L大大增加?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.8px;">Q完Q?/p></div><img src ="http://www.aygfsteel.com/paulwong/aggbug/430387.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/paulwong/" target="_blank">paulwong</a> 2016-05-06 17:55 <a href="http://www.aygfsteel.com/paulwong/archive/2016/05/06/430387.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>排版六原?/title><link>http://www.aygfsteel.com/paulwong/archive/2015/08/07/426668.html</link><dc:creator>paulwong</dc:creator><author>paulwong</author><pubDate>Fri, 07 Aug 2015 07:49:00 GMT</pubDate><guid>http://www.aygfsteel.com/paulwong/archive/2015/08/07/426668.html</guid><wfw:comment>http://www.aygfsteel.com/paulwong/comments/426668.html</wfw:comment><comments>http://www.aygfsteel.com/paulwong/archive/2015/08/07/426668.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/paulwong/comments/commentRss/426668.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/paulwong/services/trackbacks/426668.html</trackback:ping><description><![CDATA[<div class="wmqeeuq" id="share_button" style="margin: 0px; padding-top: 1em; padding-right: 2em; list-style-type: none; border: none; color: #111111; font-family: Georgia, serif; font-size: 12px; letter-spacing: -0.119999997317791px; line-height: 21.6000003814697px; word-spacing: 2.40000009536743px; float: right; background-color: #f5f5d5;"><a style="margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: none; color: #556677; font-stretch: normal; font-family: Helvetica, Calibri, Tahoma, Arial, 宋体, sans-serif; line-height: 18px; overflow: hidden; height: 21px; display: block; width: 51px; background: none;"><div bsstyle10"="" style="margin: 0px; list-style-type: none; text-align: center; font-weight: bold; border: none; color: #333333; cursor: pointer; zoom: 1; display: inline-block; line-height: 1.2; height: 21px; width: 51px; background: url(http://static.bshare.cn/frame/images/button_custom10-zh-Orange.gif) no-repeat transparent;"></div><div style="margin: 0px; list-style-type: none; border: none; color: #111111; zoom: 1; display: inline-block; line-height: 1.2; clear: both; background: none;"></div></a></div><div style="margin: 1.5em auto 2em; list-style-type: none; border: none; color: #111111; line-height: 0.8; font-family: Georgia, serif; font-size: 12px; letter-spacing: -0.119999997317791px; word-spacing: 2.40000009536743px; background-color: #f5f5d5;"><p author"="" style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; color: #556677; font-size: 1.6em; line-height: 28.7999992370605px;">作者：(x) <a url"="" style="margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: none; color: #556677;">阮一?/a></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; color: #556677; font-size: 1.6em; line-height: 28.7999992370605px;">日期Q?nbsp;<a style="margin: 0px; padding: 0px; list-style-type: none; text-decoration: none; border: none; color: #556677;">2010q?0?6?/a></p></div><div entry-content"="" id="main-content" style="margin: 0px; list-style-type: none; border: none; color: #111111; font-family: Georgia, serif; font-size: 12px; letter-spacing: -0.119999997317791px; line-height: 21.6000003814697px; word-spacing: 2.40000009536743px; background-color: #f5f5d5;"><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">上个月，我脓(chung)?a target="_blank" style="margin: 0px; padding: 0px; list-style-type: none; border: none; color: #112233;">《图形化历?/a>?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">几天后，收C<a target="_blank" style="margin: 0px; padding: 0px; list-style-type: none; border: none; color: #112233;">U叶</a>老师的来信，希望与我探讨一些设计问题。他写过一本畅销?a target="_blank" style="margin: 0px; padding: 0px; list-style-type: none; border: none; color: #112233;">《说服力-让你的PPT?x)说话?/a>Q眼下正在写l集?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">我看了新书的L(fng)Q觉得很不错Q有些内容很值得分n?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">====================================</p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">首先Q我们先看一个例子。良好的设计如何使得一个^庸的文档p换骨。下面是一张大学生的求职简历，再普通不q了Q想要引h聘经理的注意Q恐怕很难?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><img src="http://image.beekka.com/blog/201010/bg2010101601.gif" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">U叶老师对它q行了简单的排版Q还是一张表|q是黑白配色Q没有用Q何图形元素，效果却完全不一样了?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><img src="http://image.beekka.com/blog/201010/bg2010101602.gif" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">真是令h眼前一亮，不由自主地想多看几眼。这是优秀设计的作用：(x)它让你脱颖而出?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">====================================</p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">U叶老师把他的排版心得，ȝ为六个原则：(x)寚wQ聚拢，重复Q对比，Q留白。我是这L(fng)解的Q?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><span style="font-weight: 800;">一、对齐原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">　　相关内容必须寚wQ次U标题必ȝq，方便读者视U快速移动，一眼看到最重要的信息?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><span style="font-weight: 800;">二、聚拢原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">　　内容分成几个区域，相关内容都聚在一个区域中。段间距应该大于D内的行距?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><span style="font-weight: 800;">三、留白原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">　　千万不要把页面排得密密麻麻，要留Z定的I白Q这本n是寚w面的分隔。这h减少了页面的压迫感，又可以引D者视U，H出重点内容?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><span style="font-weight: 800;">四、降噪原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">　　颜色q多、字数过多、图形过J，都是分散读者注意力?噪音"?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><span style="font-weight: 800;">五、重复原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">　　多页面排版时Q注意各个页面设计上的一致性和q诏性。另外，在内容上Q重要信息值得重复出现?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><span style="font-weight: 800;">六、对比原?/span></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">　　加大不同元素的视觉差异。这h增加了页面的zLQ又方便读者集中注意力阅读某一个子区域?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">====================================</p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">下面用一个PPT的例子，演示排版六原则?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><img src="http://image.beekka.com/blog/201010/bg2010101603.png" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">上面q张ppt有两个毛病。一是字数太多，抓不住重点；二是双没有寚wQ得读者的视线只能一行行C行首到行动，不能直上直下?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><img src="http://image.beekka.com/blog/201010/bg2010101604.png" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">现在q行修改?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">W一步，Ҏ(gu)"聚拢原则"Q将六点分成六个区域?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">W二步，Ҏ(gu)"降噪原则"Q将每一点分?标??说明文字"两部分?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">W三步，Ҏ(gu)"寚w原则"Q将每一个部分、每一U元素对齐?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">W四步，Ҏ(gu)"Ҏ(gu)原则"Q加?标??说明文字"在字体和颜色上的差异?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">W五步，Ҏ(gu)"留白原则"Q留Z定的I白?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;"><img src="http://image.beekka.com/blog/201010/bg2010101605.png" style="margin: 0px; padding: 0px; list-style-type: none; border: 0.3em solid #e0dfcc; border-radius: 1em;" alt="" /></p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">面的可L大大增加?/p><p style="margin: 1em 0px 0px 0.8em; padding: 0px; list-style-type: none; border: none; font-size: 1.6em; line-height: 28.7999992370605px;">Q完Q?/p></div><img src ="http://www.aygfsteel.com/paulwong/aggbug/426668.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/paulwong/" target="_blank">paulwong</a> 2015-08-07 15:49 <a href="http://www.aygfsteel.com/paulwong/archive/2015/08/07/426668.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>关于颜色理论http://www.aygfsteel.com/paulwong/archive/2015/08/07/426667.htmlpaulwongpaulwongFri, 07 Aug 2015 07:47:00 GMThttp://www.aygfsteel.com/paulwong/archive/2015/08/07/426667.htmlhttp://www.aygfsteel.com/paulwong/comments/426667.htmlhttp://www.aygfsteel.com/paulwong/archive/2015/08/07/426667.html#Feedback0http://www.aygfsteel.com/paulwong/comments/commentRss/426667.htmlhttp://www.aygfsteel.com/paulwong/services/trackbacks/426667.html

制作|页的过E中Q我一直不知道应该如何配色?/p>

我的意思是Q我不知道应该选择哪些颜色攑֜一P完全凭感觉。于是昨天，我在|上找了一些资料，希望扑ֈ理论指导?/p>

l果很失望。颜色理论研I的都是颜色的本质，至于颜色搭配Q最l靠的还是个人感觉。说到底QChoosing colors is art, not science。不q，我还是记录一下吧Q其中一些东西还是很有趣的?/p>

=================

1. Color Wheel

所谓Color WheelQ就是将一pd颜色Q有ơ序地通过一个圆盘的形式Q展现出来?/p>

它的产生方式是，首先列出三原ԌPRIMARY COLORSQ：(x)U、黄、蓝?/p>

Photobucket

然后Q二二؜合，产生二颜色Q?span style="font-weight: 800;">SECONDARY COLORSQ：(x)lѝ橙、?/p>

接着Ql二二؜合，又?U三U颜ԌTERTIARY COLORSQ：(x)黄橙、红、红紫、蓝紫、黄lѝ蓝紫?/p>

通过不断混合盔R颜色Q生新的颜Ԍ最lŞ成一个全域的Color Wheel?/p>

2. cM色和互补?/span>

12色的Color Wheel上Q意三个相?c)颜色Q被UCؓ(f)cMԌanalogous colorsQ。通常认ؓ(f)Q它们放在一起会(x)很和谐?/p>

Color Wheel对角U上的两U颜Ԍ被称Z补色Q?span style="font-weight: 800;">complementary colorsQ。通常认ؓ(f)Q它们放在一P?x)Ş成对比效果?/p>

此外Q如果要L三种互相q的颜Ԍ可以选择12色的Color Wheel上Q意三个三角对立的颜色Q?span style="font-weight: 800;">TriadQ?/p>

如果要寻找三U颜Ԍ其中二种互相cMQ另一U与它们形成Ҏ(gu)Q则可以选取互补色两侧相?c)颜色。（split-complementary colorsQ?/p>

3. 颜色模型

常用的颜色模型有三种Q分别是RGB、CMYK、HSV模型?/p>

4. RGB模型

RGB是Red、Green和Blue的羃写，L颜色都可以由U、绿、蓝q三U颜色不同比例؜合后产生。这个模型主要用于电(sh)子显C屏的颜色显C?/p>

RGB模型通常用三个十六进制数来表C颜ԌFFFFFF代表100%的红艌Ӏ?00%的绿色和100%蓝色混合Q生白Ԍ000000代表0%的红艌Ӏ?%的绿色和0%蓝色混合Q生黑艌Ӏ?/p>

5. HSV模型

H指的是HueQ色调）(j)Q它?颜色"的同义词?/p>

S指的是SaturationQ饱和度Q，它指的是颜色的纯度，即颜色中含有灰色QgrayQ的E度。饱和度高Q颜色越U；饱和度越低，颜色中灰色成分越大。Q何颜Ԍ饱和度变成最值时Q都?x)变成灰艌Ӏ?/p>

V指的是ValueQ即颜色中白色的成分。这个D大，颜色p白越亮，q个值最，颜色p黑越暗。最大值时Q所有颜色都变成白色Q最值时Q所有颜色都变成黑色?/p>

HSV模型是通过调节q三个值来标识颜色。它通常是一个color wheel的Ş式，所有边~的颜色都是饱和度最高的颜色Q越向圆心饱和度小。Hue通过角度值选取Q另有一个亮度uQ来选取Value倹{?/p>

6.CMYK模型

q个模型主要用于印刷业，是指用cyan, magenta, yellow, blackq四U颜料؜合，产生其他各种颜色?/p>

印刷品上的图案，仔细看其实都是由一个个点构成Q而每个小点又都是采用四色套印Q重合叠加后产生各种颜色的效果?/p>

Q完Q?/p>



paulwong 2015-08-07 15:47 发表评论
]]>|页设计资源http://www.aygfsteel.com/paulwong/archive/2013/06/22/400854.htmlpaulwongpaulwongSat, 22 Jun 2013 09:00:00 GMThttp://www.aygfsteel.com/paulwong/archive/2013/06/22/400854.htmlhttp://www.aygfsteel.com/paulwong/comments/400854.htmlhttp://www.aygfsteel.com/paulwong/archive/2013/06/22/400854.html#Feedback0http://www.aygfsteel.com/paulwong/comments/commentRss/400854.htmlhttp://www.aygfsteel.com/paulwong/services/trackbacks/400854.htmlhttp://www.iteye.com/topic/1130920


3套响应式布局htmlƧ美|站模板全站源码下蝲


30ƾjQuery常用|页焦点图banner囄切换 下蝲


扁^?Web 设计?16 个超的案例
http://www.oschina.net/news/41762/16_perfect_examples_of_flat_web_design


paulwong 2013-06-22 17:00 发表评论
]]> վ֩ģ壺 ֹ| | | | | ˫| | ɽ| Դ| | | ɽ| | | | α| | | | | | | | ϲ| | | żҿ| ƫ| | »| ɽ| ն| | Ӻ| | ľ| ֣| ˳| | Ӱ| |