上週我們宣佈了「墨刀產品素材設計大賽」的比賽結果,刀友們紛紛留言說「太強了」、「厲害」.....
也有部分刀友好奇,這些作品到底是如何製作的?以及大佬們到底有什麼獨特的產品搭建技巧?!
今天,我們就邀請了本次大賽的最強王者——黑客企鵝(詩儀),讓她來分享自己的作品和一些產品心得,趕緊來看看吧~
Hi ,我是黑客企鵝,本名叫詩儀,是一位專注於用戶體驗的設計師~
賽前,應該有很多人都看到我老在羣裏口出狂言,說要拿第一。幸好,沒有被打臉,維持住了囂張狂傲的人設~
廢話不多說了,先跟刀友們聊聊本次的獲獎作品——《攝圖APP》吧。
關於作品
靈感二三事
藝術來源於生活,作品也不例外。
我自己平時會習慣性拍攝一些風景作爲手機壁紙,偶爾也會分享給朋友們看。這個時候我就會想到有沒有人和我一樣,希望把自己看到的美好事物,定格下來,分享給身邊更多的人?
所以就想到本次參賽題材要做什麼了···
設計思路
我將作品的使用人羣定位爲跟我一樣是愛好攝影分享的年輕人,年齡在16-30歲區間內,都是年輕且較爲審美挑剔的用戶。
所以設計目標:符合使用者的審美和需求,打造一款便捷、時尚、簡潔、健康的分享平臺。
在色彩搭配上運用高級黑爲主色,亮紅色爲點綴色,不僅能提升品牌認知度,還能突顯出時尚、魅力的行業屬性。
在視覺和佈局上採用瀑布流、卡片式等流行操作和瀏覽排版方式、增加用戶關注度。
考慮到墨刀 PC 瀏覽與 APP 瀏覽是有區別的,爲了讓交互看起來更舒適清晰(個人使了點小本事),瀏覽路徑簡短,我還在動效上費了點功夫,這樣不僅方便用戶發現和了解,並更好的引導用戶繼續下一步操作。
製作流程
其實本次作品製作週期並不是很長,只用了五個下午,整個流程相對簡單。
Step 1
先確認要做的題材內容(參考我的設計靈感)。
Step 2
思考產品的核心的功能定位,以及爲什麼要做、做的用途是什麼。
Step 3
對自己所做產品,找到 2~3 個競品進行分析對比。
不管是做什麼內容,都一定要找到類似的題材作爲內容參考,因爲這樣纔會提升作品的細節。
我在做「攝圖」時,就找了與壁紙有關的【克拉壁紙】和素材分享的【花瓣】作爲參考對象,從中尋找它們的亮點。
Step 4
領悟到競品精髓的時候,就可以開始自我頭腦風暴,用腦圖工具簡單的梳理要做的內容,如下圖:
這樣簡單的操作,可以梳理出功能的亮點,能夠決定作品的最終定位。
Step 5
思考出設計思路(詳見上文)。
Step 6
思考部分結束了,接下來就要着手開始做了。
我的方式是先簡單畫出佈局草圖,並大概分析一下要排版的佈局,這樣可以令我在搭建原型時避免出錯。
Step 7
因爲這次作品是要用來參賽的,所以作品一定要符合比賽的規則!
在比賽詳情中提到作品的評審標準是:"原創","實用","設計"等重要細節。
所以製作【攝圖】之前,就要優先考慮每個模塊是否可以直接創建爲組件,是否能夠多次使用的,並且儘可能去避免使用自己的原創素材(包括圖標等),多用墨刀內置的功能和素材。
並且站在產品角度,我個人也不太建議做太多複雜的動畫交互。
所以這次的交互,大多采用了生活常見的交互體驗,很符合本次大賽要求的實用性!但在整體原型的排版中,也要加入一些個人創意,達到一定的原創效果。
Step 8
當所有的佈局都搭建好之後,就開始決定【攝圖】的配色。相信大家也都看到攝圖是黑色作爲主色,紅色作爲點綴色。
爲什麼我會採用這配色方式?
首先黑白本身就很符合高端大氣&時尚的氣質,其次,也是站在產品的角度去思考,要儘可能避免設計師過多的發揮。
至於爲什麼會選紅色作爲點綴,並沒有當作是輔助色來使用呢?
原因也很簡單,紅色是我們生活中很常見的提醒顏色,作爲點綴色是最好不過了,不僅可以提升作品的品質,還能避免在原型上過於濫用,最後找幾張高格調的圖片襯托一下,從而達到視覺最佳效果就可以啦~
Step 9
最後一步也是重點!那就是多次瀏覽運行檢查作品,確保每個交互細節都毫無差錯。
同時也要帶着一個想法,就是站在用戶的角度上去體驗是否會有感到疑惑的地方,或者能否稍微減輕用戶的學習成本,進行內容上的優化,在這提及一句:原型不是做給自己看的,是做給別人看的,所以不能僅僅只滿足是否達到功能的需求,要多站在用戶的角度去想哦~
關於我
原型搭建心得
原型搭建最重要的是能重點突出功能和實現基本的交互過程。
當然,原型通用組件也是原型搭建中必不可缺的存在,一定程度上要適應快速修改。
除此之外,要注意交互效果的時間是有規範的哦~
參與感受
很刺激吧?
首先,第一次把做的內容分享給那麼多人看,就收到了讚賞和那麼多專業的評價。
其次,通過這次比賽也認識到了很多有意思的人,拓展了交際圈,收穫到了一些行業冷知識。
最後,在比賽作品中也得到了一些產品啓發。比如,我覺得《今天喫啥-美食原型》這個作品不管是在創意上還是整體結構上都十分的有意思,產品設計和邏輯上都很值得我學習。
產品學習
只有保持不斷的學習,才能保證自己在進步。
在工作日的時候,我會選擇在空閒的時間內聽會電子書,晚上會固定挑選幾個優質的公衆號看幾遍文章,偶爾會去聽下網易的直播課程。
週末休息時,會看 3~5 小時左右的書(偶爾會去讀書室),也會抓空練習下軟件技巧。
一個關於產品的預測
我覺得未來的趨勢會有可能會走向 VR 智能化,觸感交互也會提升到另一種非觸屏操作。
墨墨姐有話說:《攝圖APP》整體操作下來特別流暢,設計感也十分的強,從交互動效上看作者確實下了一些功夫,個人風格屬性極強,對其他人來說也有借鑑意義。
以上就是詩儀帶來的分享啦,如果你有什麼問題想要詢問她,請在留言區寫下來吧~
也別忘了去素材廣場體驗她的作品哦~