用戶界面設(shè)計(jì)師如何在應(yīng)用程序設(shè)計(jì)上創(chuàng)新呢?本文基于職位工作內(nèi)容,從三個(gè)方面入手闡述創(chuàng)新思維。
我們規(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)新。
1. 關(guān)于卡片組件創(chuàng)新
縱觀界面中使用面積較大的區(qū)域,這幾年經(jīng)歷無(wú)數(shù)演練,大間距分割是目前相對(duì)常見的模式,我們也見慣了各種大間距分割卡片式的微創(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ò)即是新的開始。
2. 關(guān)于圖標(biāo)創(chuàng)新
圖標(biāo)是一種全球通用的象形表意符號(hào)文字,整套圖標(biāo)集合就是一門語(yǔ)言。圖標(biāo)分為功能性圖標(biāo)(象形符號(hào)/表意符號(hào)/文字符號(hào)/組合符號(hào)),標(biāo)志性圖標(biāo)。圖標(biāo)風(fēng)格大致分為線性圖標(biāo),面型圖標(biāo)(線+線,面+面,線+面),線性分線條粗細(xì)(2px、3px、4px),面型圖標(biāo)分為正負(fù)型。設(shè)計(jì)手法上更是多樣(層疊/拼接/中宮/斷點(diǎn)/色彩/漸變/透明度/轉(zhuǎ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è)原則
- 全面處理圖標(biāo)設(shè)計(jì)
- 考慮受眾
- 圖標(biāo)使用尺寸的設(shè)計(jì)
- 保持圖標(biāo)簡(jiǎn)單和標(biāo)志性
- 投射一致的照明,反射和陰影
- 利用有限的視角
- 創(chuàng)建一致的圖標(biāo)集樣式
圖標(biāo)設(shè)計(jì)中的10個(gè)錯(cuò)誤
- 一個(gè)圖標(biāo)中的元素太多
- 不必要的元素
- 一組圖標(biāo)缺乏風(fēng)格統(tǒng)一性
- 小圖標(biāo)中不必要的透視和陰影
- 過于原始的隱喻
- 沒有考慮民族或社會(huì)特征
- 圖標(biāo)中的實(shí)際界面元素的圖像
- 圖標(biāo)內(nèi)的文字
- 像素框架之外
- 圖標(biāo)之間的區(qū)分不足
如何打破應(yīng)用程序的趨同性,樹立可識(shí)別性,首先是視覺思維的創(chuàng)新,在表現(xiàn)層中創(chuàng)立新的設(shè)計(jì)語(yǔ)言。構(gòu)成視覺的元素:顏色(色相 色度 亮度),字體,元素,符號(hào),圖片。就工作而言我們習(xí)慣性的通過各大流行趨勢(shì)做視覺設(shè)計(jì)。理論依據(jù)背書擔(dān)當(dāng)格式塔理論,一直是我們對(duì)視覺系統(tǒng)的理解的主導(dǎo)力量之一,視覺系統(tǒng)是人類視覺所涉及的感知過程的總和。
當(dāng)我們?cè)O(shè)計(jì)高效和令人愉悅的產(chǎn)品和網(wǎng)站時(shí),簡(jiǎn)單地描述了心靈如何解釋和組織視覺信息,以幫助我們理解世界及個(gè)人相關(guān)部分。形式的清晰度越強(qiáng),設(shè)計(jì)越有效。
格式塔理論
- 簡(jiǎn)單性原則
- 圖形與背景關(guān)系原則
- 接近性或鄰近原則
- 相似原則
- 共方向原則
- 對(duì)稱性原則
- 連續(xù)性原則
- 封閉的原則
- 共同區(qū)域原則
- 元素連通性
有了理論依據(jù)在界面中的應(yīng)用為你的界面設(shè)計(jì)創(chuàng)立一個(gè)視覺符號(hào),將視覺元素貫穿于整個(gè)產(chǎn)品的界面中,增強(qiáng)符號(hào)給予用戶的感官,以此為基準(zhǔn),突破視覺趨同。如何獲取視覺符號(hào)元素,通過利益相關(guān)者的問卷聚類得出具體的品牌人格,給予產(chǎn)品品牌人格,尋找差異點(diǎn),根據(jù)差異點(diǎn)腦暴品牌格言輸出視覺標(biāo)識(shí)。
榮格十二品牌人格原型是基于心理學(xué)家卡爾榮格,曾經(jīng)在他的人類心理學(xué)理論中用到過「原型」的概念。他相信「原型」以神話角色的形式,在全世界的人類的集體潛意識(shí)中存在著。原型體現(xiàn)了我們進(jìn)化過程中一些基本的人類形象,很自然地原型能夠喚起人類深層次的感情。
盡管事實(shí)上有許多不同的原型,但榮格定義了能夠代表人類基礎(chǔ)欲望的 12 個(gè)主要的類型。每種類型都有自己的一組價(jià)值觀,意義論和性格特點(diǎn)。同時(shí),這 12 個(gè)類型又被以 4 個(gè)為一組分為三大類,分別是「自尊」,「靈性」和「自我」。
「一萬(wàn)小時(shí)定律」是作家格拉德威爾在《異類》一書中指出的定律。
人們眼中的天才之所以卓越非凡,并非天資超人一等,而是付出了持續(xù)不斷的努力。如下幾個(gè)小方法可一試。
「5分鐘瘋狂想法」
張開想象的翅膀,不論落地實(shí)現(xiàn)與否,盡情想象,每天花 5 分鐘設(shè)計(jì)一個(gè)組件/元素,越飛揚(yáng)越天馬行空越有趣,忘掉所有的流程、方法論、經(jīng)驗(yàn)、商業(yè)設(shè)計(jì)價(jià)值,忘掉你是誰(shuí)。
積累發(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ì)工具箱。
培養(yǎng)特有的自我感知力
設(shè)計(jì)無(wú)論是感性的還是理性的,所謂的感覺與天賦是一定自我潛力的挖掘,尋找自我對(duì)于專業(yè)領(lǐng)域的感覺,除去設(shè)計(jì),我們總是有許多自己為之熱愛的事:爵士,徒步,游泳,旅行,在你的熱愛中發(fā)現(xiàn)美,發(fā)現(xiàn)設(shè)計(jì),愿以時(shí)間為基石。
創(chuàng)新的工作方法
如果工作流程習(xí)慣了從產(chǎn)品到交互到視覺,那么工作協(xié)同可以嘗試新的方式,如搭建 design systems,協(xié)同方式的改變也會(huì)引發(fā)設(shè)計(jì)思考方式的轉(zhuǎn)變,設(shè)計(jì)效率的提升也意味著我們有更多時(shí)間關(guān)注設(shè)計(jì)本身。
設(shè)計(jì)的路上,永遠(yuǎn)不能停止探索,創(chuàng)造價(jià)值迎接明天。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。