教你快速掌握創(chuàng)新思維!
發(fā)布時(shí)間:2022-01-25 10:25 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2512

用戶界面設(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)新。

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)新以及嘗試。

從 3 個(gè)方面入手,幫你快速掌握創(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í)別性。

從 3 個(gè)方面入手,幫你快速掌握創(chuàng)新思維!

有效圖標(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)中不必要的透視和陰影
  • 過(guò)于原始的隱喻
  • 沒有考慮民族或社會(huì)特征
  • 圖標(biāo)中的實(shí)際界面元素的圖像
  • 圖標(biāo)內(nèi)的文字
  • 像素框架之外
  • 圖標(biāo)之間的區(qū)分不足


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


如何打破應(yīng)用程序的趨同性,樹立可識(shí)別性,首先是視覺思維的創(chuàng)新,在表現(xiàn)層中創(chuàng)立新的設(shè)計(jì)語(yǔ)言。構(gòu)成視覺的元素:顏色(色相 色度 亮度),字體,元素,符號(hào),圖片。就工作而言我們習(xí)慣性的通過(guò)各大流行趨勢(shì)做視覺設(shè)計(jì)。理論依據(jù)背書擔(dān)當(dāng)格式塔理論,一直是我們對(duì)視覺系統(tǒng)的理解的主導(dǎo)力量之一,視覺系統(tǒng)是人類視覺所涉及的感知過(guò)程的總和。

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

從 3 個(gè)方面入手,幫你快速掌握創(chuàng)新思維!

格式塔理論

  • 簡(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ò)利益相關(guān)者的問(wèn)卷聚類得出具體的品牌人格,給予產(chǎn)品品牌人格,尋找差異點(diǎn),根據(jù)差異點(diǎn)腦暴品牌格言輸出視覺標(biāo)識(shí)。

從 3 個(gè)方面入手,幫你快速掌握創(chuàng)新思維!

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

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


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


「一萬(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à)值迎接明天。

版式設(shè)計(jì)視頻教程
我要自學(xué)網(wǎng)商城 ¥60 元
進(jìn)入購(gòu)買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC