簡約而不簡單的擬物化設計

簡約而不簡單的擬物化設計  -------新蛋網ipad 視覺點滴 前言    作為Newegg UED團隊的成員,我榮幸參與了Newegg iPad項目的UI設計。在項目即將上線，把幾個月來的勞動成果進行了梳理和總結，現分享給大家，歡迎各位童鞋參與討論。新蛋網，眾所周知，一個以3C產品為主的電子商務網站；iPad,劃時代地將我們帶入了平板電腦時代，移動電子商務，這是一個全新的銷售與促銷渠道，它能充分滿足消費者的個人化需求，在未來的商務市場有著巨大的潛力。而對於設計師而言，移動電子商務的UI設計，遠不止從網頁或iPhone直接轉換那麼簡單。     設計前期準備工作    人在處理資訊，學習和記憶的能力是有限的。隨著互連網產品設計越來越重視使用者體驗的今天，好的設計不但在視覺上帶給使用者更多美的享受，同時還可以從視覺層面協助和引導使用者完成所需的操作。越來越多應用類產品也開始採用擬物化設計的方式。通過類比現實生活中的情境，實物的質感，以及人們的日常行為習慣等，使產品的表現形式更加豐富有趣，操作也更加符合使用者的日常習慣。視覺方面，我們也將延續中蛋網一貫的以橙色，黃色，作為主色調。這是象徵著樂觀、喜悅、幸福和希望的色彩，以高彩度的橙色作為主色彩，能夠給人以溫和、有能量、有律動的感覺，使用者也將在帶著這份幸福喜悅的心情來進行輕鬆愉快的購物之旅。與此同時我們把冷靜沉穩的藍色融匯其中，表現了對於業務上的專業與認真。        明確了基本的設計概念之後，就開始對新蛋網的各個板塊和功能進行梳理和篩選，對網頁的一些功能進行了一定的取捨。我們認真考慮並研究了優秀電子商務設計可行性方針，決定以使用者為中心，做清晰簡潔的介面，方便購物，將最重要的內容帶到最前面並為使用者避免分散注意力，也就是 大道至簡，一目瞭然。這也剛好與優秀的ipad應用的使用者共性不謀而合，簡單的操作、優雅的使用者體驗、有趣的排版，加上“少而精”的功能總是能吸引眾多愛慕者。    於是我們就儘可能地簡化設計， 使用線框圖，通過正確的線框圖，可以實現正確的層級和建立正確的視覺趣味。然後再經過微妙的色彩填充、獨特布局和有趣的圖形添加一些視覺趣味。    線框圖製作完畢，整個購物流程就很清晰地被我們整理出來，接下來就是視覺效果的設計了。這個方案我們充分考慮到簡約和擬物化兩大核心思想，案頭，本子，卡片，皮質等這種觸手可得的元素融入其中。通過巧妙的排版和對豐富細節的材質處理，做出最終真正意思上簡約而不簡單的擬物化首頁設計方案。    接下來隨著陸陸續續的頁面出爐，各種新穎有趣的視覺與互動體驗也被設計出來，現在這裡分享給大家。真實的擬物化情境用一疊紙片和書籤的來查看多種商品及屬性資訊，富有童趣的字型使使用者更親近可愛友好的提示方式, 在使用者遇到困難時，提供及時友善的協助    好了，基本的UI設計先介紹到這裡，大家是不是急切想要看到我們的成品去瞭解更多呢。一定不會讓大家失望的，想在虛擬情境中進行快樂購物或者想要滿足一下好奇心的網購大軍們¬¬不要忘了下載我們的用戶端哦！（小做一下廣告，(*^__^*) 嘻嘻……） 結束語    項目結束了，最後說說我自己的感受，做了這麼久了，開始對這個項目是充滿好奇和憧憬的。執行起來後覺得這個項目是充滿壓力的一個“體力活”呢，不過在這個過程中，我們學到了很多也成長了很多，團隊一起齊心協力做好一個產品還是蠻開心的。