作為企業(yè)vi制作設(shè)計(jì)師在一個(gè)不斷變化的領(lǐng)域中工作,重要的是我們要了解永恒的
企業(yè)vi制作設(shè)計(jì)原則,這是我們所做的一切的基礎(chǔ)。在Adobe XD我系列的第2部分,我將探討使我們建立UX的一些普遍性的原則的基礎(chǔ)。
這些原則,應(yīng)該坐在我們
企業(yè)vi制作設(shè)計(jì)和建造的一切的核心,是至關(guān)重要的,經(jīng)得起時(shí)間的考驗(yàn):
視覺語(yǔ)法
語(yǔ)言和文字
敘述性設(shè)計(jì)
總的來說,這些原則構(gòu)成了我們?cè)O(shè)計(jì)偉大經(jīng)驗(yàn)的堅(jiān)實(shí)基礎(chǔ)。當(dāng)然,我們可以把其他原則理解為:心理學(xué)、人類學(xué)和經(jīng)濟(jì)學(xué)。最重要的是,加強(qiáng)我們的建設(shè),但這些核心原則支撐著我們創(chuàng)造的經(jīng)驗(yàn)。
我們?cè)絹碓蕉嗟匾蠼鉀Q設(shè)計(jì)問題,正如新技術(shù)是想象和發(fā)明的一樣,以前從未解決過。好消息是過去的原則仍然有效。通過專注于掌握這些基本原則,你就能培養(yǎng)出經(jīng)得起時(shí)間考驗(yàn)的技能,并把你作為企業(yè)vi制作設(shè)計(jì)師而與眾不同。
當(dāng)然,全面覆蓋用戶體驗(yàn)設(shè)計(jì)的普遍原則–龐大而復(fù)雜的課題–將只是一個(gè)單一的第一個(gè)挑戰(zhàn)。但請(qǐng)放心,我會(huì)在每一節(jié)之后提供一些額外的技巧和技巧,在文章的最后,我會(huì)提供一些建議性的閱讀。把這篇文章看作是一個(gè)簡(jiǎn)短的引子,引導(dǎo)你走上正確的道路。
視覺語(yǔ)法鏈接
為了有效地
企業(yè)vi制作設(shè)計(jì),至關(guān)重要的是要發(fā)展視覺語(yǔ)法原則,以鞏固視覺傳達(dá)的世界。這些原則源于平面設(shè)計(jì)的歷史,至今仍然適用,構(gòu)成了企業(yè)vi制作設(shè)計(jì)的基石,奠定了我們創(chuàng)造經(jīng)驗(yàn)的核心。
但是我所說的視覺語(yǔ)法到底是什么意思呢?簡(jiǎn)單地說,我們?cè)谝曈X上創(chuàng)建的所有東西——不管是用戶界面(UI)元素還是屏幕上更復(fù)雜的元素排列——都是由一系列核心元素組成的:點(diǎn)、線和平面。通過組合這些元素,我們可以創(chuàng)建圖標(biāo)、組件、插圖、圖表、模式……簡(jiǎn)而言之,一切。
作為設(shè)計(jì)師,我們?cè)谧詈?jiǎn)單的層面上工作,用要素的基本語(yǔ)法:點(diǎn)、線和面。這些元素,在二十世紀(jì)初在有影響的包豪斯學(xué)校被定義,仍然是我們今天所做的事情的核心,然而,常常沒有嚴(yán)格教導(dǎo)。
用戶體驗(yàn)可能是一個(gè)相對(duì)年輕的學(xué)科,但這并不意味著它不具有豐富的文化遺產(chǎn),從世界圖形設(shè)計(jì)繪制的,從中我們能學(xué)到。我將在不久的將來探索,如果你打破任何企業(yè)vi制作設(shè)計(jì),你會(huì)發(fā)現(xiàn)它是由點(diǎn)線和平面構(gòu)成的。
在貝爾法斯特藝術(shù)學(xué)院,我們?yōu)槠谌甑恼n程的前六個(gè)星期是用來掌握視覺語(yǔ)法詞匯的。正如Miyagi先生在空手道小子中所做的那樣,我們關(guān)注的是對(duì)原則的深刻理解。熟能生巧,或者像Miyagi先生反復(fù)強(qiáng)調(diào)的那樣:“打蠟!打蠟!“
通過鼓勵(lì)我們的學(xué)生一次只關(guān)注一個(gè)元素——第一個(gè)點(diǎn),然后行,然后是平面——我們發(fā)展他們對(duì)底層視覺語(yǔ)法的理解。這是一個(gè)嘗試和測(cè)試的學(xué)習(xí)方法,追溯其世系追溯到世界領(lǐng)先的設(shè)計(jì)學(xué)校:Bauhaus,烏爾姆,和巴塞爾。
這需要時(shí)間和耐心,但如果你想成為一名
企業(yè)vi制作設(shè)計(jì)師,就留出點(diǎn)時(shí)間,用點(diǎn)、線、面進(jìn)行一系列的練習(xí)。這樣做可以使你對(duì)視覺語(yǔ)法有更深的理解。羅徹斯特理工學(xué)院有一個(gè)優(yōu)秀的設(shè)計(jì)原理迷你課程,是一個(gè)完美的起點(diǎn)。
通過了解每一個(gè)元素都能實(shí)現(xiàn)什么,我們向?qū)W生介紹組合它們的想法。正是在這一點(diǎn)上,我們看到了機(jī)會(huì)的豐富性和限制設(shè)計(jì)的重要性。
學(xué)習(xí)如何將界面提取到他們的核心組件——專注于簡(jiǎn)單性和約束——導(dǎo)致認(rèn)知負(fù)擔(dān)減輕和用戶更快樂。雙贏。通過定義這些核心組件,我們可以將它們組合起來為每一個(gè)項(xiàng)目建立一個(gè)可視化詞匯表。
通過組合這些元素,我們可以創(chuàng)建大量的組件:
用點(diǎn)繪制數(shù)據(jù)的圖表,
結(jié)合點(diǎn)和線的滑塊,
由平面組成的一系列頁(yè)面元素和表單字段,以及
當(dāng)我們結(jié)合各種元素時(shí),直觀地顯示出什么是可能的。
這些基金會(huì)擔(dān)任企業(yè)vi制作設(shè)計(jì)數(shù)百年來形成用戶體驗(yàn)的視覺層骨干將在這里和現(xiàn)在,但很少花時(shí)間掌握這些基本組件。
正如Miyagi先生強(qiáng)調(diào)的,熟能生巧。一旦我們開始將點(diǎn)、線和平面組合起來,并將顏色引入到等式中,我們就意識(shí)到我們可以創(chuàng)建我們需要的任何企業(yè)vi制作組件。
經(jīng)驗(yàn)豐富的設(shè)計(jì)師可以用最少的手段創(chuàng)造令人愉悅的用戶體驗(yàn)。安托萬de Saint-Exupery所說:“完美,不在有什么更多的補(bǔ)充,但當(dāng)沒有東西帶走。”
案例研究:視覺語(yǔ)法
隨著視覺語(yǔ)法的掌握,我們清楚地認(rèn)識(shí)到,當(dāng)我們?cè)O(shè)計(jì)用戶界面組件和更廣泛的整體體驗(yàn)時(shí),這些構(gòu)建塊——它們的核心——簡(jiǎn)單的本質(zhì)——支撐著我們作為企業(yè)vi制作設(shè)計(jì)師所做的一切。通過訓(xùn)練你的眼睛,可以分解復(fù)雜的界面,看看它們是如何構(gòu)建和學(xué)習(xí)的。
有很多例子,豐富的,身臨其境的體驗(yàn)-無論是基于Web的和本地的-都是用最小的,蒸餾的視覺語(yǔ)法構(gòu)建的。如果我們拆散一對(duì)夫婦,我們將看到如何使用這一系列核心元素:點(diǎn)、線和面創(chuàng)建復(fù)雜的接口。
Josh Worth美麗的網(wǎng)站,如果Moon只有1像素是一個(gè)網(wǎng)站的一個(gè)偉大的例子,演示了什么是可能的時(shí)候,即使是最簡(jiǎn)單的視覺元素的深刻理解是結(jié)婚的一個(gè)優(yōu)雅的想法。將其描述為:“一個(gè)太陽(yáng)系的繁瑣的精確比例模型。“我會(huì)把它描述為一個(gè)絕技的什么是可能的時(shí)候,即使是最簡(jiǎn)單的積木–點(diǎn),線,并善加利用的平面–。水平滾動(dòng),你會(huì)看到我們太陽(yáng)系的所有榮耀:
不同大小的點(diǎn)成為行星;
線條既可以用來確定行星的位置,也可以作為頁(yè)面底部的刻度;
一個(gè)平面(背景)延伸頁(yè)面的長(zhǎng)度,代表空間的黑色。
如果Moon只有1像素,這是一個(gè)很好的例子,當(dāng)基本的視覺語(yǔ)法塊被節(jié)省使用時(shí),它是可能的,這表明有可能用最少的手段和一定程度的克制來創(chuàng)造一種身臨其境的體驗(yàn)。
另一個(gè)可愛的例子是月球的時(shí)區(qū)APP,一次性。應(yīng)用程序是ten-a-penny時(shí)區(qū),但月球的是最小的,美麗的。仔細(xì)看,你會(huì)看到點(diǎn)、線、面,很多都在企業(yè)vi制作設(shè)計(jì)服務(wù):
一個(gè)中心點(diǎn)代表著世界(分成兩部分)半醒著淺藍(lán)色,半睡在深灰色,給人一種時(shí)間和空間感;點(diǎn)也代表你添加到應(yīng)用程序的城市(黃色代表白天城市,淺藍(lán)色代表夜間城市);
一個(gè)陰影的世界打破了微妙地表明睡眠時(shí)間。
在其他時(shí)區(qū)的應(yīng)用程序過于復(fù)雜,界面簡(jiǎn)單,一次性集中。其結(jié)果是一個(gè)應(yīng)用程序,讓你:“只要看看時(shí)間在任何地方一目了然。”簡(jiǎn)單可以,而且常常經(jīng)得起時(shí)間的考驗(yàn)。花點(diǎn)時(shí)間學(xué)習(xí)視覺語(yǔ)法的構(gòu)成部分——點(diǎn)、線和平面——你會(huì)發(fā)現(xiàn)即使沒有顏色,你也能取得很大成就。
技巧與技巧:視覺語(yǔ)法
正如迪特·拉姆斯在他對(duì)好的設(shè)計(jì)的十個(gè)原則:“好的設(shè)計(jì)是盡可能少的企業(yè)vi制作設(shè)計(jì)。”的網(wǎng)站和應(yīng)用程序,我們的設(shè)計(jì)變得越來越復(fù)雜,我們的角色設(shè)計(jì)是盡可能的簡(jiǎn)化,幫助可用性的過程。??真正服務(wù)于我們的用戶(和他們的喜悅中過程),我們需要關(guān)注的要點(diǎn)。最好的接口盡可能地刪除,消除過程中的復(fù)雜性。
上訴如果Moon只有1像素和曾經(jīng)的之處就在于其簡(jiǎn)單性。當(dāng)開始一個(gè)新項(xiàng)目時(shí),問問你自己:在約束條件下你能做什么???最好的企業(yè)vi制作設(shè)計(jì)–那些經(jīng)得起時(shí)間的考驗(yàn)–經(jīng)常使用蒸餾的視覺語(yǔ)法。回到圣埃克蘇佩里:“達(dá)到…完善時(shí),沒有帶走。”
在構(gòu)建UI組件時(shí),盡量集中精力重新使用元素,盡量減少視覺復(fù)雜度。通過構(gòu)建一組簡(jiǎn)化和優(yōu)雅的核心組件,將這些組件結(jié)合起來,創(chuàng)建易于理解的界面,從而簡(jiǎn)化用戶交互。
語(yǔ)言和排版鏈接
隨著對(duì)視覺語(yǔ)法掌握的深入理解,重要的是要考慮我們?cè)O(shè)計(jì)的基本結(jié)構(gòu),而這通常是通過排版的形式給出的語(yǔ)言。兩者攜手合作,都是極其重要的,并輔以其他形式的內(nèi)容:例如插圖、攝影和視頻。
語(yǔ)言——我們選擇交流的詞語(yǔ)——重要的是,我們把它當(dāng)作設(shè)計(jì)師來思考。在開始任何新項(xiàng)目時(shí),首先要定義支撐你企業(yè)vi制作設(shè)計(jì)的語(yǔ)言,它將塑造你的用戶感知。