用戶界面設計師,如何在應用程序上做創新設計?
當設計師們有扎實的界面設計基礎以及DS經歷,做起界面行云流水,卻發現我們的設計趨同性嚴重。當我們摒棄各個類別應用程序的TOP3logo,已然分不清誰是誰。那么應用程序上的界面創新即成為設計師們去思考以及實踐的內容。
用戶界面設計師如何在應用程序設計上創新呢?本文基于職位工作內容從三個方面入手闡述創新思維。
框架層打破原有的組件結構
我們規范輸出太多的按鈕,標簽欄,翻頁,卡片等組件設計,在界面中習慣性把組件做理所當然的設計,而創新則需要打破組件原子分子結構,但是打破不等于忽略一致性以及design systems。
下面具體說說卡片/圖標組件設計的創新:
關于卡片組件創新
縱觀界面中使用面積較大的區域,這幾年經歷無數演練,大間距分割是目前相對常見的模式,我們也見慣了各種大間距分割卡片式的微創新。例如:圖片疊加等比例的色塊。在面對業務量大的產品設計時,我們有序循環的使用卡片,依附業務突出內容做微創新以及嘗試。
- 重新定義你的卡片比例,我們習慣了4:3/16:9/1:1,如果形成1:3/3:1做有序循環呢?
- 形的改變,方塊中的直角圓角是卡片的標識,那么能否變成圓角偏圓形呢?
- 特殊處理,陰影,疊加,透明度,轉角等技法。
- 探尋不同的模塊分割方式,關注當下流行,而非一味跟隨。
- 嘗試任何之前否認的形式,試錯即是新的開始。
關于圖標創新
圖標是一種全球通用的象形表意符號文字,整套圖標集合就是一門語言。圖標分為功能性圖標(象形符號/表意符號/文字符號/組合符號),標志性圖標。圖標風格大致分為線性圖標,面型圖標(線+線,面+面,線+面)線性分線條粗細(2px,3px,4px),面型圖標分為正負型。設計手法上更是多樣(層疊/拼接/中宮/斷點/色彩/漸變/透明度/轉角度/高光/投影/流線/筆觸/透視/連筆/特征元素)。
而創意則需要在繪制前首先形成設計思路:調查——探索——發現,尋找關鍵詞,組成情緒版從而設計,設計時遵守圖標原則,利用多種設計手法以達到識別性。
有效圖標設計的7個原則:
- 全面處理圖標設計
- 考慮受眾
- 圖標使用尺寸的設計
- 保持圖標簡單和標志性
- 投射一致的照明,反射和陰影
- 利用有限的視角
- 創建一致的圖標集樣式
圖標設計中的10個錯誤:
- 一個圖標中的元素太多
- 不必要的元素
- 一組圖標缺乏風格統一性
- 小圖標中不必要的透視和陰影
- 過于原始的隱喻
- 沒有考慮民族或社會特征
- 圖標中的實際界面元素的圖像
- 圖標內的文字
- 像素框架之外
- 圖標之間的區分不足
視覺層創立新的視覺設計語言
如何打破應用程序的趨同性,樹立可識別性,首先是視覺思維的創新,在表現層中創立新的設計語言。
構成視覺的元素:顏色(色相色度亮度)、字體、元素、符號、圖片。就工作而言我們習慣性的通過各大流行趨勢做視覺設計,理論依據背書擔當格式塔理論,一直是我們對視覺系統的理解的主導力量之一,視覺系統是人類視覺所涉及的感知過程的總和。
當我們設計高效和令人愉悅的產品和網站時,簡單地描述了心靈如何解釋和組織視覺信息,以幫助我們理解世界及個人相關部分。形式的清晰度越強,設計越有效。
格式塔理論:
- 簡單性原則(Simplicity)
- 圖形與背景關系原則(Figure-ground)
- 接近性或鄰近原則(proximity)
- 相似原則(similarity)
- 共方向原則(common movement)
- 對稱性原則(Symmetry)
- 連續性原則(good continuation)
- 封閉的原則(closure)
- 共同區域原則(Common Region)
- 元素連通性(Element Connectedness)
有了理論依據在界面中的應用為你的界面設計創立一個視覺符號,將視覺元素貫穿于整個產品的界面中,增強符號給予用戶的感官,以此為基準,突破視覺趨同。如何獲取視覺符號元素,通過利益相關者的問卷聚類得出具體的品牌人格,給予產品品牌人格,尋找差異點,根據差異點腦暴品牌格言輸出視覺標識。
榮格十二品牌人格原型是基于心理學家卡爾榮格,曾經在他的人類心理學理論中用到過“原型”的概念。他相信“原型”以神話角色的形式,在全世界的人類的集體潛意識中存在著。原型體現了我們進化過程中一些基本的人類形象,很自然地原型能夠喚起人類深層次的感情。
盡管事實上有許多不同的原型,但榮格定義了能夠代表人類基礎欲望的12個主要的類型。每種類型都有自己的一組價值觀,意義論和性格特點。同時,這12個類型又被以4個為一組分為三大類,分別是“自尊”,“靈性”和“自我”。
花更多的時間激發靈感
“一萬小時定律”是作家格拉德威爾在《異類》一書中指出的定律?!叭藗冄壑械奶觳胖宰吭椒欠?,并非天資超人一等,而是付出了持續不斷的努力。
如下幾個小方法可一試:
(1)“5分鐘瘋狂想法”
張開想象的翅膀,不論落地實現與否,盡情想象,每天花5分鐘設計一個組件/元素,越飛揚越天馬行空越有趣,忘掉所有的流程/方法論/經驗/商業設計價值,忘掉你是誰。
(2)積累發掘更多的設計方法論
設計方法論能夠讓我們形成完整的設計思路以及推導依據,它支撐我們的設計。在日常的設計工作中,關注前瞻性的設計的思維,熟知設計思維并實施到項目中形成設計工具箱。
(3)培養特有的自我感知力
設計無論是感性的還是理性的,所謂的感覺與天賦是一定自我潛力的挖掘,尋找自我對于專業領域的感覺。除去設計,我們總是有許多自己為之熱愛的事:爵士,徒步,游泳,旅行,在你的熱愛中發現美,發現設計,愿以時間為基石。
(4)創新的工作方法
如果工作流程習慣了從產品到交互到視覺,那么工作協同可以嘗試新的方式如搭建design systems,協同方式的改變也會引發設計思考方式的轉變,設計效率的提升也意味著我們有更多時間關注設計本身。
設計的路上,永遠不能停止探索,創造價值迎接明天。
作者:Emilychen;公眾號:Design Thinker,UIUX設計師,從業6年+,關注設計思維及實踐,核心宗旨:設計思維驅動下的設計沉淀。
本文由 @Emily 原創發布于人人都是產品經理,未經作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協議。
畢業論文老師不讓做UI設計,說UI設計沒有創新點,看到你的文章簡直是答辯模版??