從拿到需求到設計完成的一些感悟
本文涵蓋了整個開發(fā)流程,個人經驗,并想通過發(fā)布這篇文章得道大神的指點!歡迎各種指正!
因為我們公司只有我一個設計師,產品經理就是我們BOOS。所以交互視覺那些工作都由我來做,最近發(fā)現(xiàn)自己沒有提升,也不知道怎么提升自己(迷茫)有時候找人咨詢總是說不到點子上。所以寫下全文想得到各位大神的指點,我和BOOS的分工是這樣的,BOOS負責功能需求整理出表格,我拿到需求表格,分析功能的重要性優(yōu)先級,再看看同行的產品,分析他們的優(yōu)勢和劣勢結合自己的產品。并繪制簡單的線框圖。內容分兩部分,中控和移動端。我們先說移動端的設計
在設計之初我沒有選擇Axuer做原型。是我覺得Axuer做原型是方便但是不利于給開發(fā)演示,所以我選擇了墨刀!墨刀我個人覺得比較好的地方就是生成分享鏈接發(fā)給開發(fā),他們通過點擊,或者安裝到手機上看交互,相比Axuer來說要快很多?。ú皇菑V告狗)
這是墨刀工具和預覽圖,是第一稿,出來后先和BOOS看了一下確定問題,并且記錄修改,讓后再讓團隊看一下那些是能做得到的,那些是目前能不能實現(xiàn)的,我們這樣做的目的是先確定好我們要做什么,搭建好框架,確定可行性,減少開發(fā)人員重復修改,在現(xiàn)在目前這種快速迭代的產品,在交互階段發(fā)現(xiàn)問題,比你到開發(fā)的時候才發(fā)現(xiàn)問題去修改要大大節(jié)約時間成本,據我和開發(fā)的溝通發(fā)現(xiàn),一般程序員都會先設計架構,很多程序員都很討厭架構搭好了,需求又動了,或者改架構了,基于這種情況,我們決定先先在交互階段就把它設計好,確定好交互后再做UI然后再輸出高保真的原型給團隊看。沒問題了!這時候程序員也有時間來構思整個架構?。ㄖ虚g修改的過程我就不詳細講解了)。
簡單的線框圖確認無問題后,下一步我開始了頁面設計,說真的設計頁面也是改很多次,改到最后其實有時候我都會懷疑自己了,這也是我迷茫的地方之一,有時候改多了總是打不到自己的預期。(此處希望大神指點)??目呐雠鲋薪K于頁面設計完成,給團隊幾個有興趣的一起完成頁面評審,但是公司就我一個設計師,他們程序員給的建議畢竟有限,有些頁面程序員就說不好看,你問他哪里不好看他就說不上來,你問他們有什么建議的時候,他們簡單一句話你是設計師?。ㄇ蟠笊窀嬖V我怎么提升)
高保真的頁面鏈接我這里就不展示了,有興趣的朋友私信我,我有時候會很疑惑,我看到很多設計師展示作品的時候,有些沒有數據的頁面為什么不展示呢?難道要程序員自己做?還有就是有些字在設計的時候很短,但是使用現(xiàn)實場景的時候有時候文字會很長,這些都不處理的么,或者在開發(fā)說明文檔上說清楚的么?設計到底是為了包裝自己還是其他的?下面是我設計的時候考沒有數據設計的頁面。
頁面設計好,接下來就是切圖,說到切圖我推薦大家兩個神器,為啥推薦我等會說,先說神器1、Assistor PS
網上有很多教程,但是我都沒看!我只用它一個功能!標注!
標注好以后用到另外一個神器,
沒錯Cutterman就是他!你只要把Assiistor ps的數據輸入進去就能直接導出了,andorid什么xxdpi/xxdpi/什么點9.ios什么@2x/@3x一刀搞定。我把他們叫倚天劍和屠龍刀!速度超快,
切好圖,交給程序員以后別以為完成了,最難的就是要去檢查UI他們做出來會和效果圖又些出入的,所以得幫助他們調整!
這就是我現(xiàn)在的工作,迷茫的地方在上文中指出來了,求大神指點,多謝!也很感謝我們公司的同事,對我的支持!我希望拿出更好的作品來回饋團隊!也希望大神幫幫我!下面是我部分作品希望指點!

--------- 分隔線 -------

--------- 分隔線 -------







































