價值一萬元的產品原型設計,長這樣! 關於作品

上週我們宣佈了「墨刀產品素材設計大賽」的比賽結果,刀友們紛紛留言說「太強了」、「厲害」.....

也有部分刀友好奇,這些作品到底是如何製作的?以及大佬們到底有什麼獨特的產品搭建技巧?!

今天,我們就邀請了本次大賽的最強王者——黑客企鵝(詩儀),讓她來分享自己的作品和一些產品心得,趕緊來看看吧~

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》整體操作下來特別流暢,設計感也十分的強,從交互動效上看作者確實下了一些功夫,個人風格屬性極強,對其他人來說也有借鑑意義。

以上就是詩儀帶來的分享啦,如果你有什麼問題想要詢問她,請在留言區寫下來吧~

也別忘了去素材廣場體驗她的作品哦~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章