侠盗猎车5秘籍大全侠盗猎车5秘籍大全( 四 )

1. 配色一般我们可以根据Logo或VI去确定页面的配色，比如主题色、辅助色、渐变色等等，这样会确保整个设计的统一性。其次也需要注意，如果品牌的Logo颜色很Low，要尝试去调整优化，如果是一个外包项目，这其实是业务拓展的好机会。

文章插图
Tips：关于设计的配色，推荐一个非常实用的网站Paletton（https://paletton.com ），你只需要输入品牌色的色值，就可以获取和这个颜色相关的互补色、邻近色等，这样会保证你的配色不会出现问题。
2. 字体字体的选择也不需要过于纠结，因为现在大部分字体都有版权，我们可选择的字体并不多。如果你使用苹果电脑，苹方就很不错，或者思源黑体、阿里巴巴普惠体等，WIN系统直接使用黑体、微软雅黑就可以。至于主视觉的slogan字体，在条件允许的情况下，可以考虑使用付费字体或者让字体设计师单独设计，这样主视觉会更吸引眼球。

文章插图
Tips：新手设计师往往会去找一些花里胡哨的字体，但事实上根本没有必要，而且会惹来不必要的风险。另外任何页面的设计，不管是banner、网页还是UI，字体不能超过3种，包含英文，一定要保持设计的统一性。
3. 排版一个详情页，可以拆分为N个部分，每一个部分的内容，又可以拆分为标题、副标题、文本内容、主视觉和背景，然后每一个标题和内容样式，你只需要设计好一个，就可以重复使用，这就是最简单的排版技巧。罗宾·威廉姆斯的《写给大家看的设计书》这本书提到的四个原则——亲密性、对齐、重复和对比，只要你掌握，排版就不会出错。

文章插图
Tips：越优秀的设计，排版其实越简单。我建议大家去读一遍《写给大家看的设计书》这本书，你会发现不管多复杂的设计，其实只要遵循这四个原则，都能变得很简单。
4. 图片选图的原则很简单，高清、和主题相关，调性统一。图片千万不要拿来就直接用，一般都需要进行对比度、色彩饱和度的简单调整，其次要进行锐化，保证图片高清。
都说一张好图胜过千言万语，但是现在一张好图片的价格不便宜，所以在没有付费图片的情况下，在设计表现形式上就要更多的扬长避短，比如通过插画（成本也高）、图标、手机模型、思维结构图等。

文章插图
Tips：图片一定要保持清晰度，这个是设计图片最需要注意的细节，如果一张图片是模糊的，千万不要用。
5. 修饰元素修饰元素会增加页面设计的个性化，但又不能太过于花哨。一般可以从Logo或VI的元素去提取，比如大侦探Logo的“胡子”、“烟斗”，这些元素就成为了整个页面的点睛之笔。不仅仅丰富了页面的设计，还增强了品牌识别度，加深用户对品牌的印象。
考虑到详情页一般都会很长，我喜欢设计一个进度条，这个进度条将会跟着用户浏览页面的高度而变化。这样的修饰元素，将会给用户带来非常友好的体验，你可以想象当你在一个没有站点提示的公交车上，你的心情会有多慌，这和用户访问一个不知道多长的详情页是一个道理。

文章插图
Tips：我在过去诊断过很多设计的作品集，其中就会发现有很多设计师加了很多不相干的修饰元素，这会导致你的设计显得非常花哨、业余。
6. 优化慢工出细活，对于视觉设计，只有不断地尝试各种效果的设计，你才能找到最佳的样式，这个没有任何诀窍。不管这个设计师有多资深，做什么类型的项目，只有不断地尝试各种效果，才能做出更好的设计。大侦探的详情页设计，尽管时间周期很紧，但我也前后尝试了多个版本，数次的推翻、重来、优化。

文章插图
Tips：一个好的设计稿，没有任何诀窍，千万不要以为那些大神做设计时间会很短，越厉害的设计师对设计的要求越高，达不到自己心理底线的作品可能都不会发出来。所以做设计一定要有耐心，要去不断优化，你才能设计出越来越优秀的作品。
五、设计说明当页面设计完毕以后，千万不要以为结束了。在给甲方展示作品之前，不要直接发一个图片过去。这样的交付没有任何价值，不管你做得多好，如果缺少对设计思路的阐述，那么你的设计价值别人很难感受到。所以对设计稿的设计阐述，特别重要。

侠盗猎车5秘籍大全 侠盗猎车5秘籍大全( 四 )

秒懂生活扩展阅读

侠盗猎车5秘籍大全侠盗猎车5秘籍大全( 四 )