起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)畫原型圖容易忽視的4個(gè)細(xì)節(jié)，卻至關(guān)重要！
近期帶產(chǎn)品新人時(shí)，發(fā)現(xiàn)在做原型圖設(shè)計(jì)，有幾處細(xì)節(jié)被疏忽，導(dǎo)致返工修改降低效率。
整理出來，給大家避坑！
一、頁面的模擬數(shù)據(jù)不合理
畫圖時(shí)，經(jīng)常會(huì)直接復(fù)制現(xiàn)有內(nèi)容，如果不注意內(nèi)容合理性，容易給開發(fā)、測試造成歧義，因?yàn)閳D與注釋不一樣，哪個(gè)才是正確的？來回溝通就降低效率。
? 注意：按線上的真實(shí)數(shù)據(jù)進(jìn)行填充
? 注意：數(shù)據(jù)之間的邏輯合理性
二、給原型圖上色
原型圖的目的是展示功能邏輯、頁面的元素關(guān)系和交互，太多的顏色會(huì)嚴(yán)重干擾UI設(shè)計(jì)師的理解和發(fā)揮。
? 原則上只用黑白灰+不同灰度值
? 特殊情況，要加顏色，只用1個(gè)顏色
三、排版不能表達(dá)元素之間關(guān)系
原型圖要表達(dá)的是元素關(guān)系，而錯(cuò)誤、不美觀的排版會(huì)給設(shè)計(jì)師、研發(fā)帶來歧義。
常用 必須懂的：
? 對(duì)比：大小、灰度、樣式
? 親密性：內(nèi)容越相關(guān)越靠一起
? 對(duì)齊：左、右、底、頂、垂直
四、遺漏數(shù)據(jù)的默認(rèn)值、邊界值
畫圖時(shí)，經(jīng)常會(huì)先畫主場景和主流程的界面，頁面按「理想」的正常狀態(tài)填充數(shù)據(jù)，容易漏了異常值。
? 建議：畫圖前，把每個(gè)字段的狀態(tài)值列清晰
以上4個(gè)細(xì)節(jié)，畫好原型后務(wù)必要自查！
本文由 @星星聊產(chǎn)品 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來自Unsplash，基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人，人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒評(píng)論，等你發(fā)揮！
