设计师联盟觉得实际上,设计中的图片不仅是美丽的像素块,所有的图片都是有意图的。怎么选择正确的背景图呢?几个常见的选择标准依据,符合展现产品特点(优势);与文字相关联,保持元素一致性;帮助人理解某些东西;教导人使用(某产品);以人物视线引导用户;营造氛围;渲染情绪;塑造品牌。 展现产品特点 在一个网站中,首屏对用户的第一印象几乎起决定作用,而Banner图在首屏中所在的位置,决定了其重要性。尤其对于营销型网站来说,Banner图是一个最佳产品展示的位置。 案例中的图片展示了“Pencil”使用在iPad(Apple系列产品)上的画面,即产品的使用场景,也是产品的一个特点。 该案例的图片意图非常明确,和文字搭配在一起,既有宣传、推广产品的作用,又是一个引导用户点击参与的入口。 与文字相关联,保持元素一致性: 其实对设计师来说,图文相关是设计中的一个基本原则。但大部分网站忽略了这一点,甚至导致信息不能正确传递、销售机会减少等问题。 大师Jakob Nielsen的研究结论:单纯的装饰性图片会潜意识地被我们大脑忽略。“图片与文字相关联”更应该被设计师用于项目实践中。 帮助人理解 上图用户展示的是一款新颖的智能家居产品,其中首页Banner以产品使用场景为背景。 这款产品是怎么用的?上图帮助用户快速理解网站传达的内容。 此处图片经过专业拍摄和处理,清晰、干净,并且将原本需要一大段文字描述的信息,成功以“看图说话”的方式直接向用户展示,帮助用户更好地理解产品。 教导人使用 所有图片风格一致,图片设计都以实体图像为主,通过扁平化的图标建立了产品与手机App之间的虚拟联系,简单易懂。 此处图片的意图是教导用户使用产品。图片可以吸引人的注意力,并让用户对图片内容高度敏感,进而主动浏览文字深入了解产品如何使用,激发更大兴趣。 一般情况下,设计目标为“教导人使用”的图片,更适用于新产品或使用复杂的产品,这种方式可以帮助用户快速掌握使用技巧,降低产品使用成本,获得用户青睐。 以人物视线引导用户 随着人物的视线,用户会进一步将注意力放在设计中的文字和图形上。 这种设计方式有两个关键:一般先通过美丽的模特(或其他人物形象)吸引用户关注;用户会继续跟着模特视线转移注意点,关注产品、文案或Logo,达到图片设计的目标。 在著名的You Look Where They Look研究里,通过对婴儿尿布零售商网站的眼动研究,得出了结论:广告中,用户眼球可以被模特(或人物形象)的视线所引导。通过人物视线的巧妙引导,可以让网站重要信息得到展示,并改善用户视线只关注模特的问题。 塑造品牌 平面设计高质量的大图往往更受欢迎,风格统一的图片既有视觉震撼力,又容易给人留下较深刻的印象,长久吸引用户注意力。 此处的高清大图以及图片风格统一是塑造品牌的关键因素,无形中加深了人的印象,留下长远影响。 |