脑课堂编程教育

“无颜色优先”网页UI设计法

开发无忧 2年前
77 0 0
脑课堂编程培训

  在添加颜色之前创建墨稿界面会让你在用户体验设计变得更加清晰。在这里的墨稿界面,看起来有点类似于原型图,但是仔细看,会比原型图的复现性更高,甚至高很多,再仔细看,可能就是高保真设计稿的灰度版本!

  为什么要进行“无颜色优先”的设计呢?其实这种方法值得我们参考,无颜色优先可以让设计师和客户在进行颜色选择前更专注于内容,或者说是信息的呈现,而非颜色。

  这可以说是一种设计的拆分步骤,让设计师能更好的与甲方或者需求方沟通。当然,这种沟通是分步骤拆解的,一步步的确认,拆解,那么问题就会一步步的解决掉,同时,设计方和需求方也会更加专注与某个问题的解决层面。

  而对于设计初学者来说,这种学习方式可以让学习者更关注于界面的排版而非颜色,从而更高效的学习,提升对于版式设计的敏感度。

  1.专注布局和间距

  当你开始设计时要考虑到颜色的约束,所以你可以把事情分开,你可以优先考虑无形但更重要的方面,例如可读性(行高,段落和排版),注意力(号召性用语按钮和大小)和可读性(元素分组,间距)

file

  2.引导需求方和客户提出正确问题

  好的设计需要时间。在设计的早期阶段,大多数设计师都不愿意向客户/用户展示不完整的工作以收集早期反馈。在这里再次强调一下收集客户早期反馈的重要性。这有助于你远离过多迭代的陷阱,浪费在不必要的版本上太多时间。大多数客户要么不知道他们想要什么,要么在提供建设性的反馈时很糟糕。向他们展示一个早期版本,让客户理解这个过程,以便反馈给你具建设性的问题。

  你可能得到一个“什么颜色适用于这个按钮”肯定会导致比“为什么你为这个按钮选择黄色”更好的对话。

  3.创建更干净的UI设计

  创建简单干净的设计并非易事。当你使用墨稿创建设计时,所有的重点都放在可用性,间距,大小,布局元素,交互和流程上。你的设计的第一个版本应该只具有不同的黑色和白色阴影,以显示元素之间的层次结构和视觉权重。

file

  4.更专注一致性的设计

  最好在设计中使用三种或更少的颜色。在你的设计中使用太多颜色可能会使用户感到困惑或将用户的注意力吸引到不太重要的区域。当你拥有单一品牌颜色并有选择地使用完整的黑白设计时,用户的眼睛自然会被拖入这些“颜色”区域。

file

  好了,以上就是“无颜色优先”的一些UI设计理念,其实这种理念大家可以活用到自己平时的UI设计工作中去,对于不同的需求,不同的人群使用不同的设计方法,从而达到设计稿快速通过评审,同时达到更优质设计的目的。

收藏

本文标题:“无颜色优先”网页UI设计法

本文链接:https://naoketang.com/p/o6g5wo62qmkv

评论区

推荐课程