關(guān)于網(wǎng)站設(shè)計圖導(dǎo)出的印刷設(shè)計教給我們什么

知識和努力的每個新領(lǐng)域都發(fā)展出自己的術(shù)語和縮寫。網(wǎng)頁設(shè)計沒有什么不同；我們有標(biāo)簽，關(guān)鍵字，分析，用戶測試，移動優(yōu)先，響應(yīng)式設(shè)計等術(shù)語。我們也有SEO，UI和UX等縮寫。近年來，有了一個新術(shù)語–?UX設(shè)計或用戶體驗(yàn)設(shè)計。

幾乎就好像這是一個新概念一樣，除非用戶能夠輕松導(dǎo)航，可以快速獲取重要信息，可以無縫交互以及無需點(diǎn)擊即可輕松進(jìn)入轉(zhuǎn)換頁，否則，最時尚，最醒目的設(shè)計是毫無用處的。簡而言之，設(shè)計師必須為用戶而非自己設(shè)計。但是，為用戶設(shè)計的概念并不新鮮。多年來，雜志和報紙一直以引人入勝且引人注目的印刷設(shè)計來做到這一點(diǎn)。

當(dāng)然，UX設(shè)計的一部分是文字，以及它如何呈現(xiàn)給用戶。印刷設(shè)計早于互聯(lián)網(wǎng)出現(xiàn)了很久，它已經(jīng)滲透到每個人的生活中，就像今天的互聯(lián)網(wǎng)一樣。

在門把手和郵箱中留下的傳單中，現(xiàn)在仍然有印刷設(shè)計。它可以在雜志，報紙，印刷的雜貨廣告，實(shí)體旅行社和大型家庭裝潢零售商中找到的手冊中找到。在廣告牌上可以找到它。盡管沒有分析方法可以評估其效果，但在印刷設(shè)計師的領(lǐng)導(dǎo)下有多年的經(jīng)驗(yàn)。Web和印刷設(shè)計師在設(shè)計站點(diǎn)時一定要考慮到這種經(jīng)驗(yàn)。

?

使用網(wǎng)格

報紙和雜志印刷業(yè)的設(shè)計師永遠(yuǎn)都知道這一點(diǎn)：隨著頁面內(nèi)容的布局，使用了某種類型的網(wǎng)格圖案。將內(nèi)容放置在網(wǎng)頁上時，這應(yīng)該沒有什么不同。使用柵格可為用戶提供平衡并提供一定程度的舒適感。

如果將頁面劃分為相等的部分，則較重要的內(nèi)容可以在網(wǎng)格中分布到較不重要的內(nèi)容更多的部分。

?

一個聯(lián)絡(luò)點(diǎn)

在報紙和雜志的設(shè)計中，重點(diǎn)很容易看到：大標(biāo)題。網(wǎng)頁也是如此。必須有一個焦點(diǎn)來捕獲頁面上信息的“要點(diǎn)”。

關(guān)鍵是用戶應(yīng)該首先看到該焦點(diǎn)，以便頁面內(nèi)容的性質(zhì)清晰。

?

使用空格

元素和文本周圍的空白為用戶的眼睛提供了“呼吸空間”，使這些眼睛可以專注于圖像和文字。這是早期新聞紙無法提供的一個因素，除了段落和列之間的空間。一旦將圖像添加到報紙和雜志上，布局設(shè)計便提供了更多的空白空間，這是一件好事。

如今，網(wǎng)頁設(shè)計提供了更多的空白，并增強(qiáng)了用戶體驗(yàn)。

?

一致性

全部都是關(guān)于重復(fù)。這使用戶感到舒適。網(wǎng)格可以提供一致性，但更重要的是字體和內(nèi)容可以做到這一點(diǎn)。讀者不必不斷調(diào)整眼睛以適應(yīng)不同的打印類型。一致性還意味著使用單詞和顏色-保持術(shù)語相同，并使用顏色投影相同的圖像。如果可能，重復(fù)放置相同的元素也會帶來一致性。

并非始終可能保持緊密一致性。但良好的印刷設(shè)計應(yīng)盡可能保持一致-尤其是字體，術(shù)語和顏色。

?

層次結(jié)構(gòu)

字體大小和類型是顯示不同內(nèi)容的相對重要性的最佳方法。這里有兩個目標(biāo)：我們希望內(nèi)容易于吸收并且讓用戶立即知道頁面中包含的內(nèi)容，并且我們還希望用戶的眼睛隨心所欲地旅行。因此，標(biāo)題大而大膽，有時帶有對比色。副標(biāo)題可能較小且不太大膽，但仍比提供詳細(xì)信息的較小文本更為重要。

這些東西也使頁面更可掃描。如果有大量印刷品，則將其與大號副標(biāo)題分開并用項(xiàng)目符號將其分開，可改善可掃描性，從而改善用戶體驗(yàn)。

?

使用規(guī)模

有些元素會比其他元素大，這樣讀者將自動被吸引到布局中的較大元素，然后在閱讀內(nèi)容時移至較小的元素。這使設(shè)計人員可以“集中力量”于最重要的元素和文字。

?

易讀性

易讀性就是說的意思。讀者能否輕松閱讀文本而不會感到壓力？是否將其劃分為帶有項(xiàng)目符號點(diǎn)或其他“分隔符”的塊，以便可掃描？單詞之間以及單詞中字母之間的間距是多少？

如果您感到困難，讀者可能會不滿意閱讀您的任何內(nèi)容。這里有一些要考慮的事情：

1. 文字不應(yīng)太淺或太粗。
2. 字母之間必須有足夠的空間。
3. 盡量少使用華麗且難以閱讀的文字，主要是為了獲得戲劇效果。

?

使用顏色

當(dāng)彩色印刷媒體出現(xiàn)時，它是巨大的。印刷設(shè)計師有更多的機(jī)會使用顏色和陰影來吸引眼球并傳遞一些心理信息。顏色的心理吸引力涉及整個領(lǐng)域，優(yōu)秀的印刷設(shè)計師將在選擇顏色時研究這項(xiàng)研究。

?

外賣

服裝網(wǎng)站設(shè)計前，印刷設(shè)計師一直在為報紙和雜志創(chuàng)建版面。他們學(xué)習(xí)了布局網(wǎng)格的基本原理，焦點(diǎn)，類型層次，易讀性，以及在可用時的顏色。

無論是在傳統(tǒng)印刷媒體中還是在網(wǎng)站設(shè)計中使用這些原則，今天它們?nèi)匀贿m用。

?

特色圖片，通過Shutterstock?打印設(shè)計圖片。