新人交互设计师画网页草图容易忽略的几件事

五、合理的布局及间距

很多产品人员完全不考虑布局标准及美观程度,随便就把想要的内容堆到一起。这样视觉就只能重新考虑布局,无形中耽误了很多时间。另外就是前面提到的,不按照布局及间距标准画线框图,将很难准确的计算第一屏高度及每个模块的实际内容量,导致视觉返工的几率大大增加。(如下图的这种就是一个不合格的反例)。这里也是一样,建议在确定界面布局时,提前和视觉沟通商量,给视觉合理的发挥空间。

画网页草图容易忽略的几件事,PS教程,

六、表达清楚UI逻辑

当设计一个内容元素较多、逻辑层级较复杂的页面时(比如表单),为了避免混乱,我们需要提前整理一下这些内容,以保证文字、链接、操作等内容的样式符合它们所代表的重要程度,并把各种复杂的情况归类成有限的几种形式,以给用户一个合理的视觉引导。(字号尽量控制在3-5种,根据情况匹配颜色)

画网页草图容易忽略的几件事,PS教程,

画网页草图容易忽略的几件事,PS教程,

主色调和点缀色最终由视觉设计师确定,在交互稿中有所示意即可。通过这些细致的分类,可以保证最终的字号及颜色符合逻辑,而不会给视觉设计师造成不必要的困扰(视觉考虑更多的是美观,而非令人头疼的逻辑)。

画网页草图容易忽略的几件事,PS教程,