一、前期准备

WordPress APP 的更新速度非常快,因此介面的设计也要跟得上发展。有创意的专案主题,新鲜的设计想法,或是当下对多用户心理的探索,都是介面设计在发展过程中需要考虑的重要因素。

Seeseed 这个网站,会持续推送有趣的网站创意与风格。

二、互动方案制作方式

互动方案的绘制是制作 WordPress APP 时非常关键的一个步骤,在同学们确定好了相关的专案主题、功能、资讯框架图后,会进入到将资讯框架图视觉化的部分,也就是初级介面设计,而互动方案的展现形式是多种多样的。

在介绍了互动方案的展现形式之后,还有一些必要因素是我们制作时需要注意的。

1 、对 WordPress APP 颜色的需求

其实很多网站都有配色的功能,比如老姜尺寸网,配色功能如下图所示,从全颜色到渐变色,多角度的考虑了同学们的配色需求。

 

该网站对整个介面布局尺寸的设计也有十分明确的呈现,不同的系统,展示了多种系统官方尺寸,包含了浏览器的解析度与不同装置尺寸,并且该网站还有许多模版支持下载,可选档案型别有 PSD 、 SKETCH 、 XD 。

 

2 、 icon 图示的设计

相关网站如:http://www.iconfont.cn/ 。它是国内众多设计师常用的网站之一,方便多用户加入购物车、收藏或是下载。它对图示的分类也是多维度,有单多色之分,同时支持部分字型,如可商用字型思源系列。

三、多用户反馈

WordPress APP 介面制作完成时有一个不可或缺的步骤为多用户使用反馈,它在某些方面和游戏内测有些相似。找到目标人群让他们模拟使用,再通过 questionnaire,interview 等其他方法收集有价值的多用户的体验感受、参考意见,来整改互动逻辑思维与介面的布局呈现,进而增进自己 WordPress APP 的实用价值。

该环节如果只是单纯的用纸模或者是电脑呈现,没有互动的动态体验感受,是会让 WordPress APP 互动效果大打折扣的。因此可以通过下载 XD 软件,实时体验点选功能跳转页面。此外,invision 网站,也可以通过电脑点选,模拟出真实的网页使用感。

四、效果展示排版与使用场景图

经过一系列的介面制作与整改后,同学们还需完善自己的介面设计,并制作介面效果图、场景使用图。此类网站比较多,例如大家熟知的 Dribbble,或是 Behance 等。

值得一提的是,在众多网站的效果呈现上,我们需要寻找适合自己专案的排版与展现,同时也要带着批判和评估的眼光去了解,而非一味的接收。

由于互动设计专业的包容性强,可合作性强,因此它会有多元的呈现方式。虽然制作时建议大家尽可能的呈现自己的专案优势,但是由于网页、 WordPress APP 介面等相关设计依然是互动设计作品集的重要展现形式之一,建议大家至少加入 1-2 个网页设计、 WordPress APP 端或 pad 端等相关的专案,以此从多角度展现自己 UX 、 UI 实力。