首页
VI品牌设计
SI专卖店设计
品牌画册设计
产品包装设计
企业网站设计
关于我们
联系我们
这才是VI设计师正确的色系打开方式
<p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; outline: 0px;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">明确配色目标，确定主色以及色彩层级后，如何进行下一步的配色？</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">这时候我们可以根据不同的配色目标来选择合适的色系，丰富整个画面的配色。需要注意的是，在丰富配色的同时，仍然要严格控制色彩层级，以保证整体色彩层级的精简。</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; outline: 0px;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; outline: 0px;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">1.</span><span style="margin: 0px; padding: 0px; max-width: 100%; font-size: 17px; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;">VI设计</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">巧用同色系，统一不单调</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">同色系是指在色环上相距不超过45°的两种颜色，我们可以选择主色的同色系范围内的颜色来丰富整体配色。那么如何选择同色系的颜色呢？</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">首先在色环中确定颜色的位置，通过色环两边45°延展出我们所需要的同色系。</span></p><p class="" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"/></p><p class="" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">在</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; font-size: 17px;">VI设计</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">主色的同色系范围内，我们可以选出同色系颜色作为延展色，单独使用或者组合成渐变色进行使用。</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">下面的案例页面就是运用同色系原理来进行配色的。可以看到，整个页面在保持色彩的统一的前提下，增强了画面的层次和丰富性，从而提升了整个页面的层次感和品质感。</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">同色系的配色特点是整体页面统一而富有层次，从而传递出一种稳定、专业的形象，适合绝大多数的场景使用，是最为简单和有效的配色方式。</span></p><p class="" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">我们可以总结一下</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; font-size: 17px;">VI设计</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">同色系的配色方法。首先确定主色，主色两边45°以内的同色系色彩范围，在范围中选取合适的单色作为辅助色，或者选取一段渐变色单独使用。</span></p><p class="" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; outline: 0px;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; outline: 0px;"/></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">2.</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; font-size: 17px;">VI设计</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;"> 不同场景的对比色用法</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">相距120°-180°之间的两种颜色（180°时则互为互补色）。处于对比色关系的两种颜色，通常色相差异较大，能够相互产生强烈的对比效果，我们可以利用这种原理来增强画面的吸引力。</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">在不同的场景中，对比色同样有着不一样的使用方式。在产品设计中，通过小面的颜色对比，可以加强主色的活力与整体丰富性；而在推广设计中，通常会使用大面的的对比色在增强页面的吸引力。</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">产品界面的配色对于产品来说至关重要，好的配色不仅能够准确地反映产品的调性，还能正确地引导用户阅读并理解产品。</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">我们可以结合网易七鱼的官网改版案例，来了解如何通过配色来提升官网的设计品质。</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">的旧版官网页面，在配色上，产品方认为原来的配色过于单调和沉闷，希望可以让整体更活泼一些。且网站的整体跳出率过高，希望我们能够找到原因并通过改版解决这个问题。</span><span style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important; color: rgb(127, 127, 127); font-size: 17px;">首先第一步，需要找出旧版官网存在的问题。这时候，我们就需要再次运用前面所讲的目标分析法。通过不同维度的目标分析，寻找页面中存在的问题。</span></p><p class="" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; white-space: normal; font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"><br style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; word-break: break-all !important;"/></p><p><br/></p><p><br/></p><p><img src="/upload/images/201910111028449677.jpg"/></p><p>VI设计</p><p><img src="/upload/images/201910111029458339.jpg" style="float:none;"/></p><p>VI设计</p><p><img src="/upload/images/201910111029459042.jpg" style="float:none;"/></p><p>VI设计</p><p><img src="/upload/images/201910111029467294.jpg" style="float:none;"/></p><p>VI设计</p><p><img src="/upload/images/201910111029476660.jpg" style="float:none;"/></p><p>VI设计</p><p><img src="/upload/images/201910111029482304.jpg" style="float:none;"/></p><p><br/></p><p><br/></p><p><br/></p><p><br/></p><p><br/></p><p microsoft="" font-size:="" white-space:="" background-color:="" text-align:="" style="box-sizing: border-box; font-family: "Microsoft YaHei", 黑体, 宋体; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box;"><strong microsoft="" white-space:="" background-color:="" box-sizing:="" border-box="" word-wrap:="" break-word="" font-size:="" margin:="" padding:="" max-width:="" style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; font-size: 14px; overflow-wrap: break-word !important;"><strong microsoft="" white-space:="" background-color:="" box-sizing:="" border-box="" word-wrap:="" break-word="" font-size:="" margin:="" padding:="" max-width:="" style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">如果你需要类似VI设计需求，请联系</span></strong><strong microsoft="" white-space:="" background-color:="" box-sizing:="" border-box="" word-wrap:="" break-word="" style="box-sizing: border-box; margin: 0px; padding: 0px; max-width: 100%;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">深圳主振品牌</span></strong><strong style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">设计</span></strong><strong microsoft="" font-size:="" box-sizing:="" style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">，</span></strong><strong microsoft="" font-size:="" box-sizing:="" style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">是深圳高端设计公司，</span></strong><strong microsoft="" font-size:="" box-sizing:="" style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">创始人及所有员工都是设计出身，国内少有的以设计来驱动业务来源！</span></strong></span></strong><br style="box-sizing: border-box;"/></span></p><p microsoft="" font-size:="" white-space:="" background-color:="" text-align:="" style="box-sizing: border-box; font-family: "Microsoft YaHei", 黑体, 宋体; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);"><span style="box-sizing: border-box;"><strong microsoft="" white-space:="" background-color:="" box-sizing:="" border-box="" word-wrap:="" break-word="" style="box-sizing: border-box; margin: 0px; padding: 0px; max-width: 100%;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; font-size: 14px; overflow-wrap: break-word !important;">首席品牌设计顾问：13728605232（ZAKI） 办公室：<strong microsoft="" white-space:="" background-color:="" box-sizing:="" border-box="" word-wrap:="" break-word="" font-size:="" margin:="" padding:="" max-width:="" style="box-sizing: border-box;"><span style="box-sizing: border-box !important; margin: 0px; padding: 0px; max-width: 100%; overflow-wrap: break-word !important;">0755-82680733 （周一至周六）</span></strong></span></strong></span></p><p microsoft="" box-sizing:="" border-box="" overflow-wrap:="" break-word="" font-size:="" white-space:="" background-color:="" margin-top:="" margin-bottom:="" padding:="" max-width:="" min-height:="" style="box-sizing: border-box; font-family: "Microsoft YaHei", 黑体, 宋体; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);"><br style="box-sizing: border-box;"/></p><p style="box-sizing: border-box; font-family: "Microsoft YaHei", 黑体, 宋体; font-size: 12px; white-space: normal; background-color: rgb(255, 255, 255);"><img src="/upload/images/201910111030251366.jpg"/></p><p><br/></p>
最新阅读
小米品牌VI设计全集及小米vi设计对企业的价值
华为品牌VI系统设计
最新版McDonalds麦当劳vi设计欣赏
你寻找多年的Coca-Cola可口可乐vi设计-独家珍藏
深圳主振品牌vi设计的优势
中国vi设计和常用的vi设计结论
vi设计图_vi设计模板免费下载
vi设计团队从哪里获取vi设计图片
深圳vi设计哪家专业？以及推荐！
深圳企业vis设计有用吗？
浏览更多新闻 >>
