當設計師們有紮實的界面設計基礎以及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協議。
,