首頁?>?知識?資訊?>?標題與網站排版結構的關系!?>?正文

標題與網站排版結構的關系!

2013/10/21 0:00:00 · 稿源:傳誠信

在這篇文章中,通過精心挑選的網頁設計,我們將帶你一個發(fā)人深省的旅程上。當然,這些網站有一些迷人的交互性,但是,選擇類型的排版樣式和間距的原因,我們選擇了他們這一塊。在排版的背景下,考慮到組成和結構也很重要。

為什么結構和組成印刷術的關鍵

組成和網站結構類型的有效的溝通是至關重要的因素。埃倫·勒普頓在思考型,全面介紹與網格工作帶來的好處。她解決了網站,網站提供整合類型和圖像,以及他們如何能組織一個復雜的層次結構的靈活性。

字體,類型的大小和測量(即線長度)之間有不可分割的聯(lián)系。雖然設計的外觀可以從屏幕到屏幕不同,優(yōu)秀的設計師是專家創(chuàng)造誘人的,可消化大量的信息,仔細組成持有本公司的利益。然而,失去了與觀眾的連接是太容易了。例如,文本設置小長距離線路上,可以使艱巨的閱讀和文字集大短線是同樣的問題,盡管出于不同的原因。

在后者的情況下,換行符可能淹沒的標點符號,要求讀者把目光集中他們的注意力每隔幾句話。在這兩種情況下,超長或超短線可能會失去讀者的興趣,一切靠自己。

短線typeB500
這兩個例子充分展示了裝修比較小的文字變成一個很寬很窄的措施所帶來的挑戰(zhàn)。也不是易于閱讀和兩者都缺乏吸引力。(明亮的粉紅色設計)(較大的觀點:圖片1,圖片2)

各款不同程度的重要性突出需要不同層次,引導用戶通過網站和保持他們的注意力。在相對平等的重要性的部分,是一個有益的和令人放心的指南一致的措施。不一致的混亂。


當文字相同的優(yōu)先級橫跨多列,無明顯原因的突然變化措施將是混亂的。(明亮的粉紅色設計)(大圖)

電網結構

在本節(jié)中,我們已經強調的網站顯示網格可以如何影響排版,創(chuàng)建上訴,交通方便,結構和支持層次。

SILKTRICKY

該的網架結構??SilkTricky??有6列將信息分解成誘人的分部。標題一致的排版系統(tǒng)非常不同的視覺節(jié)奏富利簡明大膽對比淺色調光斜體布克曼(類別說明)。


(大圖)

這些字體相得益彰,創(chuàng)造了巨大的變化規(guī)模的情況下,質地和重量。對比度誘惑你看得更遠,吸引你到各分部的幾行描述的無襯線文本。


(大圖)

點擊一個按鈕,副本順利擴展到了幾段,并橫跨兩列,就足以讓你大呼過癮的同時仍然堅持電網。這種較長的描述副本創(chuàng)建另一個層次的排版的質感和色調,有效地對比標題,提供了一個可喜的變化節(jié)奏和視覺節(jié)奏。

打擊樂實驗室

打擊樂器實驗室??也使得有效地使用網格,靈活使用四列貢獻的藝術家配備了詳細的安排組合。每個特色項目融入柱的結構和整體的層次結構,包括日 期,藝術家,集名稱和流派的詳細信息。亮點擴大到填寫兩欄,并設有軌道上市和樂于助人的細節(jié)。


(大圖)


(大圖)

襯線和無襯線字體,混合功能更改重量的情況下,加強層次結構的方向和間距。印刷細節(jié)和電網結構也建立和保持興趣和信任。

新美術館沃爾索爾

該網站的新美術館在英國沃爾索爾使用無襯線字體清晰,吸引人的,但規(guī)模和賞心悅目的網格的變化是什么使這個網站真正令人難忘的。向下延伸的主體文字的左側,與其他方面,如鏈接和突出細節(jié)右列。


(大圖)


(大圖)

開整齊的排版和寬敞的空間,反映自己的架構,畫廊的重要收藏,并承諾使藝術既方便和愉快的。

吸引用戶的類型

是對物質的文字最重要的事情嗎?毫無疑問,這是真實的,尤其是如果語言是刺激或解決用戶的個人權益。文本,使我們笑,或者說是淫穢的或有爭議的,可以是一個偉大的平局。

然而,有更多的興趣類型的樣式,質地和色調,一般的外觀和布局,發(fā)揮很大一部分用戶是否采取權益。類型也可以提升的題材的文章,加強情感的重量,審美,或排他性的產品。

克羅克特和瓊斯

克羅克特和瓊斯的網站就是這樣一個例子。英國公司已經手工制作精美的鞋自1876年以來,其網站無疑反映了這種奇妙的遺產,其圖像和類型。風格的名字出現(xiàn)在每一頁上,個別字母呼應維多利亞設計的裝飾風格。使用微軟格魯吉亞靈敏正文的補充名稱樣式和加強遺產,質量,款式和關注細節(jié)感。


(大圖)


(大圖)

在寫這篇文章時,我發(fā)現(xiàn)自己思維比阿特麗斯沃德的著名的文章,從1932年印刷和類型上,“晶體火焰杯”,在其中,她認為,“印刷應該是看不見的?!彼?具體地址類型,使用的比喻解釋說,葡萄酒在玻璃印刷的字,不應該以任何方式妨礙文本的含義。沃德的原因,類型應該補充和加強的意義和提高我們的理解和贊賞。

此連接以及與什么Marko Dugonjic的??說“?的閱讀體驗設計?“:”無縫消化書面材料是可能的,只有當印刷術是很好想出來和由一個考慮的閱讀經驗,促進可讀性?!拔值碌奈恼嘛@然早于網絡,但它信奉的原則有關。

字體組合

字體選擇和組合,以加強主題始終是一個挑戰(zhàn)。它需要耐心嘗試替代品和視力評估成效。強調在本節(jié)組合賞心悅目的網站和精心挑選的面孔和類型風格的題材,以提高號召力,有時驚喜。

四季

紋理和色調的巨大反差實現(xiàn)與四季的網站,它匯集了不同的樣式和重量加拉蒙與許多變化黑體一些類型。視覺節(jié)奏大寫和小寫加拉蒙斜體坐側側與強大的垂直行程和非常不同的節(jié)奏和質感大寫黑體簡明的。

深入到網站體驗到這種巨大反差增強的層次和四季品牌的款式,質量和信譽。雙方加拉蒙和Helvetica是在眾多的權重和風格,使他們對于復雜的層次結構都非常有用。


(大圖)


(大圖)

NOWNESS

網站制作集團上的標題NOWNESS,優(yōu)雅混合大寫和小寫加拉蒙的斜體與地鐵包括字幕大寫P22。這種組合散發(fā)著類;優(yōu)美的筆觸加拉蒙斜體有一個可喜的質地對比P22的精密的 線路。


(大圖)

制作組特別注重間距和規(guī)模的變化,仔細控制音色和層次,并加強時尚題材的網站。

BARCAMP奧馬哈

Barcamp奧馬哈的網站,設計由糧食和迫擊炮,促進被描述為一個“非會議”,一個非正式的場合聆聽和滿足他人和網絡。網站匯集了大量的插圖,三個精心挑選,對比,其中有兩個明顯被選定為他們的潛能作為標題字體的字體。

這兩個 - 一個大膽的,稍微簡明大寫的無襯線字體,和其他同伴都蓋板坯襯 - 有一個略帶復古的感覺,往往是與一個美國大學生的審美。文本括在多個小板,但是字體和重量和顏色的變化,這種變化在這里的東西是優(yōu)先考慮的細節(jié)和加強層次。

本文作者來自北京網站建設公司-傳誠信js-hbsb.cn,轉載請注明出處!

  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354