當設計師們有扎實的界面設計基礎以及DS經(jīng)歷，做起界面行云流水，卻發(fā)現(xiàn)我們的設計趨同性嚴重。當我們摒棄各個類別應用程序的TOP3logo，已然分不清誰是誰。那么應用程序上的界面創(chuàng)新即成為設計師們?nèi)ニ伎家约皩嵺`的內(nèi)容。

用戶界面設計師如何在應用程序設計上創(chuàng)新呢？本文基于職位工作內(nèi)容從三個方面入手闡述創(chuàng)新思維。

框架層打破原有的組件結(jié)構(gòu)

我們規(guī)范輸出太多的按鈕，標簽欄，翻頁，卡片等組件設計，在界面中習慣性把組件做理所當然的設計，而創(chuàng)新則需要打破組件原子分子結(jié)構(gòu)，但是打破不等于忽略一致性以及design systems。

下面具體說說卡片/圖標組件設計的創(chuàng)新：

關(guān)于卡片組件創(chuàng)新

縱觀界面中使用面積較大的區(qū)域，這幾年經(jīng)歷無數(shù)演練，大間距分割是目前相對常見的模式，我們也見慣了各種大間距分割卡片式的微創(chuàng)新。例如：圖片疊加等比例的色塊。在面對業(yè)務量大的產(chǎn)品設計時，我們有序循環(huán)的使用卡片，依附業(yè)務突出內(nèi)容做微創(chuàng)新以及嘗試。

• 重新定義你的卡片比例，我們習慣了4:3/16:9/1:1，如果形成1:3/3:1做有序循環(huán)呢？
• 形的改變，方塊中的直角圓角是卡片的標識，那么能否變成圓角偏圓形呢？
• 特殊處理，陰影，疊加，透明度，轉(zhuǎn)角等技法。
• 探尋不同的模塊分割方式，關(guān)注當下流行，而非一味跟隨。
• 嘗試任何之前否認的形式，試錯即是新的開始。

關(guān)于圖標創(chuàng)新

圖標是一種全球通用的象形表意符號文字，整套圖標集合就是一門語言。圖標分為功能性圖標（象形符號/表意符號/文字符號/組合符號），標志性圖標。圖標風格大致分為線性圖標，面型圖標（線+線，面+面，線+面）線性分線條粗細（2px,3px,4px)，面型圖標分為正負型。設計手法上更是多樣（層疊/拼接/中宮/斷點/色彩/漸變/透明度/轉(zhuǎn)角度/高光/投影/流線/筆觸/透視/連筆/特征元素）。

而創(chuàng)意則需要在繪制前首先形成設計思路：調(diào)查——探索——發(fā)現(xiàn)，尋找關(guān)鍵詞，組成情緒版從而設計，設計時遵守圖標原則，利用多種設計手法以達到識別性。

有效圖標設計的7個原則：

1. 全面處理圖標設計
2. 考慮受眾
3. 圖標使用尺寸的設計
4. 保持圖標簡單和標志性
5. 投射一致的照明，反射和陰影
6. 利用有限的視角
7. 創(chuàng)建一致的圖標集樣式

圖標設計中的10個錯誤：

1. 一個圖標中的元素太多
2. 不必要的元素
3. 一組圖標缺乏風格統(tǒng)一性
4. 小圖標中不必要的透視和陰影
5. 過于原始的隱喻
6. 沒有考慮民族或社會特征
7. 圖標中的實際界面元素的圖像
8. 圖標內(nèi)的文字
9. 像素框架之外
10. 圖標之間的區(qū)分不足

視覺層創(chuàng)立新的視覺設計語言

如何打破應用程序的趨同性，樹立可識別性，首先是視覺思維的創(chuàng)新，在表現(xiàn)層中創(chuàng)立新的設計語言。

構(gòu)成視覺的元素：顏色（色相色度亮度）、字體、元素、符號、圖片。就工作而言我們習慣性的通過各大流行趨勢做視覺設計，理論依據(jù)背書擔當格式塔理論，一直是我們對視覺系統(tǒng)的理解的主導力量之一，視覺系統(tǒng)是人類視覺所涉及的感知過程的總和。

當我們設計高效和令人愉悅的產(chǎn)品和網(wǎng)站時，簡單地描述了心靈如何解釋和組織視覺信息，以幫助我們理解世界及個人相關(guān)部分。形式的清晰度越強，設計越有效。

格式塔理論：

• 簡單性原則(Simplicity)
• 圖形與背景關(guān)系原則(Figure-ground)
• 接近性或鄰近原則(proximity)
• 相似原則(similarity)
• 共方向原則(common movement)
• 對稱性原則(Symmetry)
• 連續(xù)性原則(good continuation)
• 封閉的原則(closure)
• 共同區(qū)域原則(Common Region)
• 元素連通性(Element Connectedness)

有了理論依據(jù)在界面中的應用為你的界面設計創(chuàng)立一個視覺符號，將視覺元素貫穿于整個產(chǎn)品的界面中，增強符號給予用戶的感官，以此為基準，突破視覺趨同。如何獲取視覺符號元素，通過利益相關(guān)者的問卷聚類得出具體的品牌人格，給予產(chǎn)品品牌人格，尋找差異點，根據(jù)差異點腦暴品牌格言輸出視覺標識。

榮格十二品牌人格原型是基于心理學家卡爾榮格，曾經(jīng)在他的人類心理學理論中用到過“原型”的概念。他相信“原型”以神話角色的形式，在全世界的人類的集體潛意識中存在著。原型體現(xiàn)了我們進化過程中一些基本的人類形象，很自然地原型能夠喚起人類深層次的感情。

盡管事實上有許多不同的原型，但榮格定義了能夠代表人類基礎欲望的12個主要的類型。每種類型都有自己的一組價值觀，意義論和性格特點。同時，這12個類型又被以4個為一組分為三大類，分別是“自尊”，“靈性”和“自我”。

花更多的時間激發(fā)靈感

“一萬小時定律”是作家格拉德威爾在《異類》一書中指出的定律。“人們眼中的天才之所以卓越非凡，并非天資超人一等，而是付出了持續(xù)不斷的努力。

如下幾個小方法可一試：

（1）“5分鐘瘋狂想法”

張開想象的翅膀，不論落地實現(xiàn)與否，盡情想象，每天花5分鐘設計一個組件/元素，越飛揚越天馬行空越有趣，忘掉所有的流程/方法論/經(jīng)驗/商業(yè)設計價值，忘掉你是誰。

（2）積累發(fā)掘更多的設計方法論

設計方法論能夠讓我們形成完整的設計思路以及推導依據(jù)，它支撐我們的設計。在日常的設計工作中，關(guān)注前瞻性的設計的思維，熟知設計思維并實施到項目中形成設計工具箱。

（3）培養(yǎng)特有的自我感知力

設計無論是感性的還是理性的，所謂的感覺與天賦是一定自我潛力的挖掘，尋找自我對于專業(yè)領域的感覺。除去設計，我們總是有許多自己為之熱愛的事：爵士，徒步，游泳，旅行，在你的熱愛中發(fā)現(xiàn)美，發(fā)現(xiàn)設計，愿以時間為基石。

（4）創(chuàng)新的工作方法

如果工作流程習慣了從產(chǎn)品到交互到視覺，那么工作協(xié)同可以嘗試新的方式如搭建design systems，協(xié)同方式的改變也會引發(fā)設計思考方式的轉(zhuǎn)變，設計效率的提升也意味著我們有更多時間關(guān)注設計本身。

設計的路上，永遠不能停止探索，創(chuàng)造價值迎接明天。

作者：Emilychen；公眾號：Design Thinker，UIUX設計師，從業(yè)6年+，關(guān)注設計思維及實踐，核心宗旨：設計思維驅(qū)動下的設計沉淀。

本文由 @Emily 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。