UI如何做視覺走查
剛入行的時候,一般原型圖拿到以後就開始擼圖了,擼完切圖標註好了就扔給開發不理了。開發做完之後,就開始抱怨開發哥哥能力不行巴拉巴拉的。有時候辛辛苦苦改好了設計稿後,認認真真標註一整天的結局卻是你們前端或其他程式員並沒有照著你的標註來做,因為他們說自適應不能這樣調整,或者各種理由來搪塞你。這個時候,一般會有兩種心理,一種是面對大家的質疑,我對自己的設計稿沒有自信,另外一種是懶。結局可想而知,開發做不到還原不說,領導還會覺得是你的鍋。所以視覺走查是必不可少的。
一、視覺走查是什麼
簡單的說,就是開發按照你的設計圖,我們可以在測試環境下的產品demo進行檢查,是否和你的設計圖一致。
二、怎麼做視覺走查
那麼我們應該怎麼做一些檢查呢?
1.檢查頁面的一致性。 這裡主要看看是否符合你的視覺規範,包括topbar、navbar、按鈕、反饋等等,再看看有沒有缺少頁面(不要以為開發哥哥怎麼會丟掉這種東西,事實告訴你,真的有這種情況,特別是一些場景狀態);
2.檢查互動動作,操作的合理性。 一些小的互動動作,操作及其反饋,互動控制元件的各種狀態,極端、極限和出錯的情況,預設值是否正確,第一屏的高度,懸停狀態、文案等等。這些小細節開發都是容易疏忽的。這個時候UI妹妹就要提醒一下開發哥哥了。
3.檢查是否有色差、尺寸間距、圖片質量,是否符合柵格等等。 所謂設計師的畫素眼這個時候就是你最好表現的時候了。不同的手機會有不同的尺寸,這個時候,我們設計的時候也要注意一下怎麼樣做才能夠完美適配?而且Android手機解析度的不同,色差真的是非常的大,做設計的時候,一定要適中。我一般用sketch擼圖做完了設計稿,最後調整顏色的時候,都會看著手機調的,所以我確保iOS上沒有問題,安卓我會截圖到手機,然後看看會不會相差很大。
4.自我檢查。 看看有文字的地方,閱讀性是否合理,是否易於閱讀;看看icon的合理性,是否能表達出你想要表達的文字,會不會有識別障礙。
三、遇到問題怎麼辦
我巴拉巴拉列了一堆問題,整理了一個文件交給開發。開發哥哥一定是想吐血了。然後很有可能就開始了撕逼。這個時候退一步海闊天空,有的時候開發真的已經盡力了,那我們就在他能實現的範圍內,改改稿子,儘量做的最好,程式設計師猝死已經不是罕見的事了。
開發哥哥和UI就是醬紫的相愛相殺。
希望大家都能做出滿意的產品。
END。