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

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

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

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

下面具體說(shuō)說(shuō)卡片/圖標(biāo)組件設(shè)計(jì)的創(chuàng)新：

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

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

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

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

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

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

有效圖標(biāo)設(shè)計(jì)的7個(gè)原則：

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

圖標(biāo)設(shè)計(jì)中的10個(gè)錯(cuò)誤：

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

視覺(jué)層創(chuàng)立新的視覺(jué)設(shè)計(jì)語(yǔ)言

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

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

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

格式塔理論：

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

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

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

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

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

“一萬(wàn)小時(shí)定律”是作家格拉德威爾在《異類(lèi)》一書(shū)中指出的定律?！叭藗冄壑械奶觳胖宰吭椒欠?，并非天資超人一等，而是付出了持續(xù)不斷的努力。

如下幾個(gè)小方法可一試：

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

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

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

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

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

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

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

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

設(shè)計(jì)的路上，永遠(yuǎn)不能停止探索，創(chuàng)造價(jià)值迎接明天。

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

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

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