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

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


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


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

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

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

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

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

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

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

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

有效圖標設(shè)計的7個原則

  • 全面處理圖標設(shè)計
  • 考慮受眾
  • 圖標使用尺寸的設(shè)計
  • 保持圖標簡單和標志性
  • 投射一致的照明,反射和陰影
  • 利用有限的視角
  • 創(chuàng)建一致的圖標集樣式

圖標設(shè)計中的10個錯誤

  • 一個圖標中的元素太多
  • 不必要的元素
  • 一組圖標缺乏風(fēng)格統(tǒng)一性
  • 小圖標中不必要的透視和陰影
  • 過于原始的隱喻
  • 沒有考慮民族或社會特征
  • 圖標中的實際界面元素的圖像
  • 圖標內(nèi)的文字
  • 像素框架之外
  • 圖標之間的區(qū)分不足


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


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

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

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

格式塔理論

  • 簡單性原則
  • 圖形與背景關(guān)系原則
  • 接近性或鄰近原則
  • 相似原則
  • 共方向原則
  • 對稱性原則
  • 連續(xù)性原則
  • 封閉的原則
  • 共同區(qū)域原則
  • 元素連通性

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

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

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

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


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


「一萬小時定律」是作家格拉德威爾在《異類》一書中指出的定律。

人們眼中的天才之所以卓越非凡,并非天資超人一等,而是付出了持續(xù)不斷的努力。如下幾個小方法可一試。

「5分鐘瘋狂想法」

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

積累發(fā)掘更多的設(shè)計方法論

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

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

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

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

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

設(shè)計的路上,永遠不能停止探索,創(chuàng)造價值迎接明天。

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