Tips:新手设计师往往会去找一些花里胡哨的字体,但事实上根本没有必要,而且会惹来不必要的风险。另外任何页面的设计,不管是banner、网页还是UI,字体不能超过3种,包含英文,一定要保持设计的统一性。
3. 排版
一个详情页,可以拆分为N个部分,每一个部分的内容,又可以拆分为标题、副标题、文本内容、主视觉和背景,然后每一个标题和内容样式,你只需要设计好一个,就可以重复使用,这就是最简单的排版技巧。罗宾·威廉姆斯的《写给大家看的设计书》这本书提到的四个原则——亲密性、对齐、重复和对比,只要你掌握,排版就不会出错。
Tips:越优秀的设计,排版其实越简单。我建议大家去读一遍《写给大家看的设计书》这本书,你会发现不管多复杂的设计,其实只要遵循这四个原则,都能变得很简单。
4. 图片
选图的原则很简单,高清、和主题相关,调性统一。图片千万不要拿来就直接用,一般都需要进行对比度、色彩饱和度的简单调整,其次要进行锐化,保证图片高清。
都说一张好图胜过千言万语,但是现在一张好图片的价格不便宜,所以在没有付费图片的情况下,在设计表现形式上就要更多的扬长避短,比如通过插画(成本也高)、图标、手机模型、思维结构图等。
Tips:图片一定要保持清晰度,这个是设计图片最需要注意的细节,如果一张图片是模糊的,千万不要用。
5. 修饰元素
修饰元素会增加页面设计的个性化,但又不能太过于花哨。一般可以从Logo或VI的元素去提取,比如大侦探Logo的“胡子”、“烟斗”,这些元素就成为了整个页面的点睛之笔。不仅仅丰富了页面的设计,还增强了品牌识别度,加深用户对品牌的印象。
考虑到详情页一般都会很长,我喜欢设计一个进度条,这个进度条将会跟着用户浏览页面的高度而变化。这样的修饰元素,将会给用户带来非常友好的体验,你可以想象当你在一个没有站点提示的公交车上,你的心情会有多慌,这和用户访问一个不知道多长的详情页是一个道理。
Tips:我在过去诊断过很多设计的作品集,其中就会发现有很多设计师加了很多不相*修饰元素,这会导致你的设计显得非常花哨、业余。
6. 优化
慢工出细活,对于视觉设计,只有不断地尝试各种效果的设计,你才能找到最佳的样式,这个没有任何诀窍。不管这个设计师有多资深,做什么类型的项目,只有不断地尝试各种效果,才能做出更好的设计。大侦探的详情页设计,尽管时间周期很紧,但我也前后尝试了多个版本,数次的推翻、重来、优化。