当你有了一个好的设计方案,要做原型图,你需要注意什么?
1.原型图的尺寸为屏幕的尺寸等比例缩小,我选择二分之一。
2.尽量用两种颜色,不要用太多的颜色,意思表达清晰就可,颜色多了容易影响设计师。
3.页面文字一般使用一级标题和二级标题,一般需要严格突出的文字才选择加粗。
4.尽量不要用效果(比如说鼠标移动上去会弹出提示),这些最好单独再做一个页面,因为开发可能忽略这些细节。
5.当作H5页面的原型图时,最好分页展示,这样设计可以根据你的分页来更好的设计效果图,有助于开发。
6.需求文档:针对一个功能,注明功能的入口,功能的前置条件。针对需求,对需求进行简洁描述,不要用太多口头叙述词,需求可能的异常,异常如何处理,成功的提示,失败的提示等。
7.需求文档拆分需求,学会拆需求很重要,可以根据需求数量,和开发,设计同步进度。
8.对需求命名,如一个应用启动后,页面有一个标题和一个“确定”按钮,这时,需求可以写为三个。1前置条件:应用启动2显示:标题+“确定”按钮3操作:点击“确定”按钮。这样,开发拿到文档时可以清晰知道哪里要设置监听事件,这个功能如何触发等。
暂时这么多,以后继续补充吧。
7月13日补充
原型图里可以尝试添加一些浅色的文字,线条,这样做出来的界面中,浅色文字反而会引起读者的注意。
注意信息的分布,页面有几部分构成可以直观地看出。
页面不要出现两个不同意思的内容,一个页面表达的内容太多反而不好,内容本身就会产生竞争。
页面的层级性,这是最主要的,文案+结构构成的页面,用户读起来是一个合理的,逻辑通顺的页面。突出的简洁文字吸引用户眼球,紧跟它的不是很突出的文字作为辅助补充。
用户阅读的阀值,用户产生厌烦的界限。
功能本身是次要的,层级性和简洁是主要的,不要为了做功能而做产品,不要强制性表达自己想突出的意思。一个页面中,一个模块表达这个意思就够了,不要用几个模块来表达一个意思;
比如:我在一个页面宣传某东买手机很便宜,可以直接在页面中写上“某东手机新低价,iPhone6都打8折了”,这就够了;而不必要再加上“王大妈的儿子上个月1400买了个小米5”或者“如果要你现在换手机,降到多少钱才合适”这些话。
如果有很多方式表达这个意思,可以做成多个方案。选择权留给用户。