2
设计字体的图形化
日期:2018-03-01
第五、通过三分法来进一步改进域的大只要把现在”域”的高度,也就是593px除以3-593/3=197.6666667,约等于198px,然后只要把198-18=180px,这个就是”域”的高度了。为什么要在最后减去18px,那是因为会给每个”域”之间加一个空白空间,就像在每个纵向区域的左边和右边都有一个10px的空间一样,而且同时18px也是横向区域高度,通过以上的五个步骤,
确定页面尺寸和位置后,接下来就是用原型软件画出一个个页面。可参考旧文章《如何使用Axure规范的画出页面的线框图》。
不是特别建议PM在原型阶段就把页面中的元素进行配色,会妨碍了视觉设计师的发挥。当然如果你想提升自己对视觉的感觉,请配色之后只输出黑白线框图交付给视觉设计师(Axure是支持这样的功能)。2 寻找隐形关联 当你不受困于繁琐的视觉中时,才有机会巧妙发掘设计元素中的隐形关联。由 Interbrand 设计的Opera Australia就是个很好的例子,找到了“OPERA”、“OPERA AUSTRALIA”和“OZ OPERA”的字母中有趣的关系。3 运用空间关系你真的回去主动点击轮播首图呢?尤其是当其中有六七张不同的高清大图的时候? 绝大多数的用户只会是看看而已。早在2013年的时候,Nielsen Norman Group 就为此做过一项用户调研,发现即使这些首图足够大,用户也常常忽略,因为轮播图这种设计本身就很难让用户关注到其中的关键信息。 相比之下,,并且搭配上CTA按钮,效果会好很多。用户不再会被多个首图进行信息轰炸,而单一的选择给用户的路径也更为清晰直观。从字体方面而言,尽量控制种类,以保持设计一致感,避免视觉混乱。确定内容等级,设定重点,并将字体根据网格对齐,尽可能保持易读性。