转赞推荐:Bootstrap 组件实验室的「变体并排」,拿来对比配图方案

转赞推荐:Bootstrap 组件实验室的「变体并排」,拿来对比配图方案

推荐一个能直接搬到配图评审上的做法,来自 Bootstrap 组件实验室:同一组件的几种写法并排摆着,每种只改一个条件,下面贴一小段可复制的代码,看的人不用脑补差别在哪。

值得转的是「一次只差一处」

配图方案对比常犯的错,是把几张什么都不同的图放在一起让人挑。挑的人只能说「喜欢第二张」,说不出为什么,下一轮还是得靠猜。变体并排的做法反过来:底色、主体、留白里只动一项,其余保持不动,差异就变得可指认。

常见对比变体并排式对比
几张图整体都不同只有一项不同
靠感觉选能说出「因为这一项」
结论难复用结论可写成一条约束
下一轮重新猜下一轮只调剩下的项

最后一条才是重点:评图不是选一张,而是把偏好翻译成下一轮能用的条件。

落到配图评审的三步

  1. 先固定一组不变量,只列一个待定项,比如「留白多少」。
  2. 就该待定项出三档并排,编号、不加说明文字。
  3. 定下某一档后,把结论写成约束句:「留白约三成」,写进需求模板。

第二步要求「不加说明文字」,是为了避免作者自己替方案辩护。图自己说话,判断才干净。

一点提醒

并排比较适合定约束,不适合定创意。构图、叙事这类需要整体感受的东西,拆成单变量反而会显得零碎;那类图还是整张看。另外,档位别超过三个,多了判断又会退回凭感觉。

小结

好示例的价值不在好看,而在把「我喜欢哪个」变成「这一项该定多少」。一次只差一处、结论写成约束,配图评审就能积累,而不是每轮从头开始。