UI 设计和前端开发,简单讲就是把这一块活儿交给更专业的人来干。它不是什么新概念,只是做法一直在变。
设计和开发的配合
- 说需求别用形容词,用具体的例子,找几个参考页面比说半天管用。
- 响应式适配要提前说清楚。只做电脑端和要做手机端,工作量差很多。反正记着就行。
- 交付物里写清楚:源文件、切图、代码,一样别落下。
- 前端还原度这事,一般在百分之九十上下就算不错了,要求百分百会很痛苦。
- 兼容范围提前说,别等做完才发现某个浏览器不支持。
- 交互细节最容易漏:加载状态、报错提示、空页面,这些没写清楚就会扯皮。
- 设计稿确认之后尽量别大改。中途推翻重来,工期和预算都会失控。
- 本地的团队在沟通上有地缘优势,能坐下来当面聊,效率确实高些。
这里不多展开。
需求怎么说清楚
- 合作心态很重要,把对方当搭档,事情会顺很多。
- 设计与开发的交接,最好有标注。间距、字号、颜色,写清楚能少很多来回。
- 先定设计规范再画页面。颜色、字号、间距统一了,后面出图会快很多。
- 后期维护要提前谈。做完了没人改,页面很快就会过时。
- 定个固定的沟通节奏,临时打断太多次,谁都做不好事。
- 报价这块,按页面算还是按工时算,各有各的适用场景,别只比总价。
你先记住这个。
交付和验收
- 先做样板页是个好办法,风格定下来后面就顺了。
- 配色别超过三种主色。颜色一多,页面就显乱,还容易显得不专业。
- 图标风格要统一。混着用几种风格的图标,一眼就能看出是拼凑的。具体还得看情况。
- 交互状态要画全:默认、悬停、点击、禁用。少一个,开发就要来问。
就这点事。
- 别把页面塞满,留白不是浪费,是让眼睛有地方休息。
- 字体别用太多种。正文一个、标题一个,基本就够了。
接着说。
- 不同屏幕下的排版规则要写明,不然适配出来的东西跟设计差很远。
- 改稿次数写进合同。不限次数的改稿,对双方都是折磨。
能记住的就一句:好看和好用,尽量都要。