【 設計理論】淺談UC瀏覽器新LOGO設計經驗分享

淺談UC瀏覽器新LOGO設計經驗分享

這一次的教學是屬於設計理論領域中的設計理論的相關教學。

文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

教學大綱:

UC優視是全球領先的移動互聯網開放服務平台提供商。自2004年創立以來,以技術為本,公司致力於幫助手機用戶快捷上網,構建開放的一站式移動互聯網用戶服務平台。公司始終以卓越的市場前瞻力和技術創新力推動着移動互聯網領域的發展進程,致力於幫助全世界一半


設計理論教學開始

UC優視是全球領先的移動互聯網開放服務平台提供商。自2004年創立以來,以技術為本,公司致力於幫助手機用戶快捷上網,構建開放的一站式移動互聯網用戶服務平台。公司始終以卓越的市場前瞻力和技術創新力推動着移動互聯網領域的發展進程,致力於幫助全世界一半以上的人通過手機享受開放、便捷的互聯網服務。

隨着公司業務擴展,瀏覽器產品迭代,同時作為產品走向國際市場的訴求之一,對整體品牌形象以及視覺表現有了更高的要求。此次項目,由UC R.E.D體驗設計中心承接。

1 、挑戰 Challenge

對於重新設計產品Logo以及品牌形象對R.E.D來說目標明確,但如何重新理解、審視新產品特性,以及設計本身的易用性等問題確實對設計師提出了更高的要求。

1. 松鼠形象的延續。

2. 是否延續卡通風格?

3. 國際主流品牌Logo的最新演變展示的趨勢和優勢。

4. 移動終端設備、小尺寸展示時的識別性。

5. 色彩的使用。

6. 多語言文字,輔助圖形,圖文組合態。

2 、解決戰略 Solution

對任務簡單拆解可以理解為兩個層次,第一:基本型的再造;第二:表現手法的再造。 遵照流程:明目標→列事件→排權重→拉計劃→抓節點,可以清晰的看到如何以團隊的力量來完成此項任務。那麼在頭腦風暴之前對前期的準備工作便成為了重點。

2.1 整理和收集 Collect

國際知名品牌的Logo演變過程。

淺談UC瀏覽器新LOGO設計經驗分享

以上參考還有很多,我們可以清楚的看到對圖形的提煉,色彩的準確表達,質感減弱的表現手法和字體設計都成為Logo Redesign的重點。

提煉出這4個要點,成為我們此次任務的第一批待解決的內容記錄下來。

另一方面,我們來看一下UC Logo的變化過程

淺談UC瀏覽器新LOGO設計經驗分享

九年間,六次的更新迭代都帶有當時的時代特徵,除了色彩以橙黃藍為基調,其他看似延續性不強。這也從另一個角度反映了行業和產品特徵:行業變化速度快,產品迭代訴求高,階段性目標差異明顯。這無疑也是在設計過程中需要着重考慮的因素。而後期卡通形象佔據主導地位,雖直觀活潑,但對品牌的傳播和延展性都有不小的影響。

而對當前Logo,也同樣進行深入的思索,從各個角度來挖掘其色彩、圖形、表意與表現手法的可拓展性,以及問題所在。這部分信息通過焦點小組、LeanUX內部快速反饋、微博和論壇問卷、海外市場調研等形式獲取。

2.2 頭腦風暴 Brain Storm

有趣的時刻從這裡開始了。圖形需要承載很多期望的含義:科技感、無線、松鼠圖形、強有力的金屬或穩定的造型、靈動、敏捷、優美的線條。

淺談UC瀏覽器新LOGO設計經驗分享

淺談UC瀏覽器新LOGO設計經驗分享

2.3 深入挖掘 Dig

通過高效的討論和批量的嘗試,大家對新Logo雛形達成共識。其次,對於圖形和文字的分開處理也達成了共識。

接下來進一步針對圖形進行深度挖掘和探索。

而後,花了很多時間去不斷嘗試每段線條的走向。

淺談UC瀏覽器新LOGO設計經驗分享

淺談UC瀏覽器新LOGO設計經驗分享

重新審視我們的目標與基本型。

淺談UC瀏覽器新LOGO設計經驗分享

最終的提煉

淺談UC瀏覽器新LOGO設計經驗分享

3 、色彩與質感

確定了基本型,色彩主要根據企業VI重新定義產品Logo色譜,主、輔顏色。

而最初對延展性的要求使得新Logo在質感上有相當大的表現空間。

淺談UC瀏覽器新LOGO設計經驗分享

淺談UC瀏覽器新LOGO設計經驗分享

淺談UC瀏覽器新LOGO設計經驗分享

4、 圖形和文字

Logo文字的字體設計則是以”人手”這個目前移動互聯的主要交互體為原型,取手指肚的曲線趨勢設計了Logo的字體。在字腳與轉折的地方,還參考圖形的樣式進行修整。

中文字體樣式同樣做了多次嘗試。

最終再統一對圖形與文字的結合進行修正。

淺談UC瀏覽器新LOGO設計經驗分享

5 、總結

新Logo的最終形態同時也符合產品的理念:極速、智能、安全。以松鼠的靈動精巧,通體的流線型線條展現上網快速輕巧靈動的形態。模塊拼合,有核心基準,輔以功能多態很好地詮釋機智多變,展現無限可能。整體感覺靈動,但不失沉穩。重心的設置、比例的考量,以及松鼠動作的展現在靈動與穩重之間,取得很好的平衡,以給人安全、平穩之感。

淺談UC瀏覽器新LOGO設計經驗分享

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: 淺談UC瀏覽器新LOGO設計經驗分享