在這篇文章中,通過精心挑選的網(wǎng)頁設(shè)計,我們將帶你一個發(fā)人深省的旅程上。當然,這些網(wǎng)站有一些迷人的交互性,但是,選擇類型的排版樣式和間距的原因,我們選擇了他們這一塊。在排版的背景下,考慮到組成和結(jié)構(gòu)也很重要。
為什么結(jié)構(gòu)和組成印刷術(shù)的關(guān)鍵
組成和網(wǎng)站結(jié)構(gòu)類型的有效的溝通是至關(guān)重要的因素。埃倫·勒普頓在思考型,全面介紹與網(wǎng)格工作帶來的好處。她解決了網(wǎng)站,網(wǎng)站提供整合類型和圖像,以及他們?nèi)绾文芙M織一個復(fù)雜的層次結(jié)構(gòu)的靈活性。
字體,類型的大小和測量(即線長度)之間有不可分割的聯(lián)系。雖然設(shè)計的外觀可以從屏幕到屏幕不同,優(yōu)秀的設(shè)計師是專家創(chuàng)造誘人的,可消化大量的信息,仔細組成持有本公司的利益。然而,失去了與觀眾的連接是太容易了。例如,文本設(shè)置小長距離線路上,可以使艱巨的閱讀和文字集大短線是同樣的問題,盡管出于不同的原因。
在后者的情況下,換行符可能淹沒的標點符號,要求讀者把目光集中他們的注意力每隔幾句話。在這兩種情況下,超長或超短線可能會失去讀者的興趣,一切靠自己。
這兩個例子充分展示了裝修比較小的文字變成一個很寬很窄的措施所帶來的挑戰(zhàn)。也不是易于閱讀和兩者都缺乏吸引力。(明亮的粉紅色設(shè)計)(較大的觀點:圖片1,圖片2)
各款不同程度的重要性突出需要不同層次,引導(dǎo)用戶通過網(wǎng)站和保持他們的注意力。在相對平等的重要性的部分,是一個有益的和令人放心的指南一致的措施。不一致的混亂。
當文字相同的優(yōu)先級橫跨多列,無明顯原因的突然變化措施將是混亂的。(明亮的粉紅色設(shè)計)(大圖)
電網(wǎng)結(jié)構(gòu)
在本節(jié)中,我們已經(jīng)強調(diào)的網(wǎng)站顯示網(wǎng)格可以如何影響排版,創(chuàng)建上訴,交通方便,結(jié)構(gòu)和支持層次。
SILKTRICKY
該的網(wǎng)架結(jié)構(gòu)??SilkTricky??有6列將信息分解成誘人的分部。標題一致的排版系統(tǒng)非常不同的視覺節(jié)奏富利簡明大膽對比淺色調(diào)光斜體布克曼(類別說明)。
(大圖)
這些字體相得益彰,創(chuàng)造了巨大的變化規(guī)模的情況下,質(zhì)地和重量。對比度誘惑你看得更遠,吸引你到各分部的幾行描述的無襯線文本。
(大圖)
點擊一個按鈕,副本順利擴展到了幾段,并橫跨兩列,就足以讓你大呼過癮的同時仍然堅持電網(wǎng)。這種較長的描述副本創(chuàng)建另一個層次的排版的質(zhì)感和色調(diào),有效地對比標題,提供了一個可喜的變化節(jié)奏和視覺節(jié)奏。
打擊樂實驗室
打擊樂器實驗室??也使得有效地使用網(wǎng)格,靈活使用四列貢獻的藝術(shù)家配備了詳細的安排組合。每個特色項目融入柱的結(jié)構(gòu)和整體的層次結(jié)構(gòu),包括日 期,藝術(shù)家,集名稱和流派的詳細信息。亮點擴大到填寫兩欄,并設(shè)有軌道上市和樂于助人的細節(jié)。
(大圖)
(大圖)
襯線和無襯線字體,混合功能更改重量的情況下,加強層次結(jié)構(gòu)的方向和間距。印刷細節(jié)和電網(wǎng)結(jié)構(gòu)也建立和保持興趣和信任。
新美術(shù)館沃爾索爾
該網(wǎng)站的新美術(shù)館在英國沃爾索爾使用無襯線字體清晰,吸引人的,但規(guī)模和賞心悅目的網(wǎng)格的變化是什么使這個網(wǎng)站真正令人難忘的。向下延伸的主體文字的左側(cè),與其他方面,如鏈接和突出細節(jié)右列。
(大圖)
(大圖)
開整齊的排版和寬敞的空間,反映自己的架構(gòu),畫廊的重要收藏,并承諾使藝術(shù)既方便和愉快的。
吸引用戶的類型
是對物質(zhì)的文字最重要的事情嗎?毫無疑問,這是真實的,尤其是如果語言是刺激或解決用戶的個人權(quán)益。文本,使我們笑,或者說是淫穢的或有爭議的,可以是一個偉大的平局。
然而,有更多的興趣類型的樣式,質(zhì)地和色調(diào),一般的外觀和布局,發(fā)揮很大一部分用戶是否采取權(quán)益。類型也可以提升的題材的文章,加強情感的重量,審美,或排他性的產(chǎn)品。
克羅克特和瓊斯
克羅克特和瓊斯的網(wǎng)站就是這樣一個例子。英國公司已經(jīng)手工制作精美的鞋自1876年以來,其網(wǎng)站無疑反映了這種奇妙的遺產(chǎn),其圖像和類型。風格的名字出現(xiàn)在每一頁上,個別字母呼應(yīng)維多利亞設(shè)計的裝飾風格。使用微軟格魯吉亞靈敏正文的補充名稱樣式和加強遺產(chǎn),質(zhì)量,款式和關(guān)注細節(jié)感。
(大圖)
(大圖)
在寫這篇文章時,我發(fā)現(xiàn)自己思維比阿特麗斯沃德的著名的文章,從1932年印刷和類型上,“晶體火焰杯”,在其中,她認為,“印刷應(yīng)該是看不見的。”她 具體地址類型,使用的比喻解釋說,葡萄酒在玻璃印刷的字,不應(yīng)該以任何方式妨礙文本的含義。沃德的原因,類型應(yīng)該補充和加強的意義和提高我們的理解和贊賞。
此連接以及與什么Marko Dugonjic的??說“?的閱讀體驗設(shè)計?“:”無縫消化書面材料是可能的,只有當印刷術(shù)是很好想出來和由一個考慮的閱讀經(jīng)驗,促進可讀性?!拔值碌奈恼嘛@然早于網(wǎng)絡(luò),但它信奉的原則有關(guān)。
字體組合
字體選擇和組合,以加強主題始終是一個挑戰(zhàn)。它需要耐心嘗試替代品和視力評估成效。強調(diào)在本節(jié)組合賞心悅目的網(wǎng)站和精心挑選的面孔和類型風格的題材,以提高號召力,有時驚喜。
四季
紋理和色調(diào)的巨大反差實現(xiàn)與四季的網(wǎng)站,它匯集了不同的樣式和重量加拉蒙與許多變化黑體一些類型。視覺節(jié)奏大寫和小寫加拉蒙斜體坐側(cè)側(cè)與強大的垂直行程和非常不同的節(jié)奏和質(zhì)感大寫黑體簡明的。
深入到網(wǎng)站體驗到這種巨大反差增強的層次和四季品牌的款式,質(zhì)量和信譽。雙方加拉蒙和Helvetica是在眾多的權(quán)重和風格,使他們對于復(fù)雜的層次結(jié)構(gòu)都非常有用。
(大圖)
(大圖)
NOWNESS
網(wǎng)站制作集團上的標題NOWNESS,優(yōu)雅混合大寫和小寫加拉蒙的斜體與地鐵包括字幕大寫P22。這種組合散發(fā)著類;優(yōu)美的筆觸加拉蒙斜體有一個可喜的質(zhì)地對比P22的精密的 線路。
(大圖)
制作組特別注重間距和規(guī)模的變化,仔細控制音色和層次,并加強時尚題材的網(wǎng)站。
BARCAMP奧馬哈
Barcamp奧馬哈的網(wǎng)站,設(shè)計由糧食和迫擊炮,促進被描述為一個“非會議”,一個非正式的場合聆聽和滿足他人和網(wǎng)絡(luò)。網(wǎng)站匯集了大量的插圖,三個精心挑選,對比,其中有兩個明顯被選定為他們的潛能作為標題字體的字體。
這兩個 - 一個大膽的,稍微簡明大寫的無襯線字體,和其他同伴都蓋板坯襯 - 有一個略帶復(fù)古的感覺,往往是與一個美國大學生的審美。文本括在多個小板,但是字體和重量和顏色的變化,這種變化在這里的東西是優(yōu)先考慮的細節(jié)和加強層次。
本文作者來自北京網(wǎng)站建設(shè)公司-傳誠信m.saddlebargains.com,轉(zhuǎn)載請注明出處!