網站界面設計排版

1、網站頁面應該如何排版？

1、製作網頁時，使用簡潔美觀的圖文排版，確保文字與圖片兩者之間沒有不和諧的地方，這樣製作出來的網頁才會吸引更多的訪客。

2、當網頁是希望展示圖片上的人物或者是人物身上的物品時，那麼網頁的文字就需要適當縮小，達到不搶眼的效果。當網頁的文字較少時，可以根據網頁整體效果調整文字的大小、樣式以及行距。

3、背景虛化這樣的效果對於圖文排版有很好的幫助，直接帶來的幫助就是突出企業產品或是服務。

4、文字要沿著圖片中人物的視線方向設置，好像圖片中的人物指引訪客去瀏覽文字，這樣的排版形成一種兩者之間的邏輯關系，達到輔助的效果。

2、設計排版

web設計95%是排版寫於 2006年10月29日，在界面設計 | UI Design, 信息構架 | Information Architecture分類下 看到這個題目，第一感覺是聳人聽聞。不管是95%或是更多或是更少，排版確實是一個不可忽略的問題。在我所遇到的web設計師中，或許是遇到的還少，我沒有發現誰真正在意web排版。看到這篇文章，感觸頗深（因為我剛使用linux的時候需要配置字體，順便學習了不少的字體知識，也順便成了一個愛好），周日在家挺閑，為了提高英語水平，順手翻譯了出來。希望對大家有所啟發。 這篇文章來自一個研究並提供信息架構的網站：Information Architects Japan，原文：Web design is 95% typography. 又及，文章多次出現typography這個單詞。正規的中文翻譯應該是「排印」，但考慮web這個非印刷媒體，使用排印並不見得好。於是我根據語境，有時用「排版」，有時用「排印」，請讀者明鑒。以下是翻譯正文。 web中的信息有95%是成文的語言。為何web設計師應該好好學習一下設計成文信息的主要准則，換句話說，排版？這就是最佳的理由。 信息設計就是排版回到1969年，Emil Ruder, 一個瑞士著名的排印大師，其筆下關於當時的印刷氛圍，簡直就是我們今天網站的寫照： 今天印刷術的泛濫成災讓我們的個人價值被輕視，因為郁悶的我們現在並不能掌控印刷中的一切。分割、組織和實現印刷術的一切是排印師應有的任務，只有這樣，讀者才有更好的機會找出吸引她／他的東西。 信息設計師是21世紀的排版師稍微聯想一下（請用在線排版取代印刷），這就像是信息設計師的職務描述。分割、組織和實現印刷術的一切是「信息設計師」應有的任務，只有這樣，讀者才有更好的機會找出吸引她／他的東西。宏觀排版（所有的文本結構）跟微觀排版（樣式和空間的細節方面）包括我們今天稱為「信息設計」的很多方面。也就是說，信息設計師今天正在做排印師30年前的工作： 排版面臨一個很直白的職責，這就是傳達信息。沒有理由能免除排版的這一職責。一個並不能閱讀的印刷品只能變成一個無用的產品。 優化排版就是優化閱讀，親和力，可用性（！），綜合文本平衡等。組織文本塊並結合圖片，難道不是圖形設計師、可用性專家、信息架構師應該做的嗎？但為什麼這是一個被忽視的主題呢？ 為什麼這是一個被忽視的主題？字體太少？解析度低？主要原因——抱怨連天的——不看好在線排版准則的觀點是，能用的字太少了。第二個觀點是屏幕解析度太低，讓像素或者反鋸齒字體之一很難閱讀。 文藝復興：只有一個字體認為我們沒有足夠的字體可用的觀點是不切題的：在義大利文藝復興時期，排印師只有一個字體可用，但這個時期還是產生一些頂級漂亮的排版品：該排印師應該沒有太在意他手中手能掌握的字體種類，實際上也不應該太在意字體的選擇。他應該更關心時代能賦予自己手中掌握的，並盡力發揮。 選擇字樣並不是排版第二個觀點也並不見得好到哪兒去。在印刷初期，印出來的字母質量比我們今天在顯示器上看到的更差。更重要的是，如果處理得專業，屏幕字體更易於閱讀。信息設計不是關於使用好的字樣，而是關於使用好的排版。兩者的區別很大。誰都可以使用字樣，有人可以選擇好的字樣，但只有少數人能夠精通排版。 把文本當作用戶界面對，不同平台和不同瀏覽器如何處理字體是惱人的，也對，解析度問題很難讓注意力集中堅持到五分鍾。但是，好啦，確保文本在所有主要平台和瀏覽器中賞心悅目是web設計師的職責。正確的行間距，單詞和字母間距，留白，一定量顏色的使用有助於可讀性。但還不徹底。一個優秀的web設計師知道如何跟文本而不僅僅是內容打交道，「把文本當作用戶界面」。瞧瞧Kohi Vinh的網站稍微著名把文本當作用戶界面的unornamental網站例子有： google, ebay, craigslist, youtube, flickr, Digg, reddit, delicious. 一個難以爭辯的必然事實是，把文本當作用戶界面是成功的唯一參數。成功的網站設法同時創建簡單的界面和強烈的特徵。但這是另外一個主題了。 從哪開始 web排版 為了「破除關於web排版的某些荒謬想法」，他已經「按照Bringhurst的工作原則來構建他的網站，並解答如何通過HTML和CSS中可用的技術來達成各項目標」。 優化排版的5個簡單步驟 他所談論的排版「並不是你典型的『該用哪種字體』的排版」。對於相信讓字型大小和行間距默認大小使得文本能夠任意縮放會提高網站可用性的人，這是一個不錯的閱讀材料。 Khoi Vinh behaviordesign的創始人之一。現為NYTimes.com的設計主管。非常天才的一個人。 Rod Graves 通訊設計師。令人贊嘆的工作：「排版是我絕對的中心。排版網格和層次通常會成為我開發的視覺語言的基礎。」 A List Apart 通過字樣通訊。字體和布局。為讀者設計。易讀性。字樣，圖形設計。web排版的問題。控制web排版：字型大小、字體和顏色。CSS方法，瀏覽器問題，用戶問題和解決方案。 Association Typographique Internationale ATypl(Association Typographique Internationale) 是一個專注於樣式和排版的主要國際組織。創建於1957年，ATypl為國際樣式社區之間提供通訊的結構，信息和活動。 Thinking with Type 書籍Thinking with Type的在線夥伴：設計師，作家，編輯和學生的關鍵指南。 Typetester 比較屏幕字體樣式。 Typophile Typophile是一個會員制和贊助商支持的社區。2000年以來Typophile引領開放合作，並且我們總是能學習到好主意。我們他們伺服超過每月3百萬的網頁。 Typohile Wiki 一個有關樣式和設計所有一切的用戶創建百科全書。用戶為建立協作，有用，平衡和相關的資源而創建和編輯條目。 The Next Big Thing in Online Type 比爾蓋茨要計算機用戶，哦，微軟用戶，能夠擁有一個更舒暢的屏幕閱讀體驗——太重要以至於提高屏幕閱讀成為他最重要的五件事之一。 Emil Ruder, Typographie (Amazon) Emil Ruder』s Typography是一本永恆的書，幾代排印師和圖形設計師都從中學習基本原理。Ruder, 二十世紀最偉大的排印師之一，是一個拋棄並用新的規則取代Emil Ruder傳統規則的先鋒，來滿足新排印技術的需求。 更新：該文作者在疑問下迅速推出 第二部分，感興趣的朋友可以看看。本想翻譯出來，但太忙了，有心無力，見諒。 另外，小小抱怨一下，很多朋友都對這篇文章有很多熱烈精彩的討論，但是為什麼不發一個 trackback 回來呢？這樣可以方便讀者追蹤文章的各種觀點。

3、網頁版面布局設計的類型有哪些?

設計首頁的第一步是設計版面布局。就象傳統的報刊雜志編輯一樣，我們將網頁看作一張報紙，一本雜志來進行排版布局。雖然動態網頁技術的發展使得我們開始趨向於學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，你可以領會要點，舉一反三。
版面指的是瀏覽器看到的完整的一個頁面(可以包含框架和層)。因為每個人的顯示器解析度不同，所以同一個頁面的大小可能出現640*480像素,800*600像素,1024*768像素等不同尺寸。
布局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。
你可能注意到:「最適合」是一個不確定的形容詞，什麼才是最適合的呢?抱歉的是阿捷不能也不可能給您一個完整的正確的答案。就好比有人希望知道成功的秘訣是什麼，成功者只能建議您用什麼方法，什麼途徑才能最容易獲得成功，而不可能有一步成功的"秘訣"告訴您。

4、網頁排版的設計技巧有哪些？

1、網頁排版的設計技巧——凝聚你的設計

設計一個完整的頁面布局有時真的是令人生畏——有太多的空間要填充!當面對一個更大的布局時，我們下意識地將每個元素放在一個更大的尺寸中，這樣當每個元素填滿整個布局時，它會讓人感到舒適。但這種方法不是設計!這里，我們提供了一個更好更簡單的解決方案。

與其想“更大”，我們應該想“我們能變得更小嗎?”我們能集中一點精力嗎?”。把你的設計集中在中間。設計如此簡單，你可以很容易地創建一個強大的視覺焦點。

2、網頁排版的設計技巧——圖片與文本

下次你設計手冊的時候，試試“面對面”的風格!我們的設計不是關於商標或公司的首字母縮寫，而是使用漂亮的圖形來組織布局。關鍵是要保持簡潔——大空白，大尺寸的數字圖像，沒有雜亂的背景，干凈，簡潔的文字。

在網頁排版的設計技巧中，太多的閃光燈、顏色、下拉菜單框、圖片等會讓遊客無所適從——離開是最好的選擇。所以問題是，對於網頁設計師來說，如何設計一個網站，讓訪問者可以選擇留下。想知道更多關於ui設計的設計素材與技巧，可以點擊本站的其他文章進行學習。

5、網頁界面設計

UI設計即User Interface(用戶界面)的簡稱。簡單的來說就是圖形界面設計師（ps：這個職位可以不用寫html這類的，但是最好要了解html，因為這樣更有利於設計出來的頁面適合後面的重構師開發）
然後還有就是上面提到的頁面重構師：他的性質就是把頁面設計效果圖，用HTML+CSS改造成網頁
然後這裡面還會衍生一個前端開發的職位，他的性質是給上面的網頁加入前端腳本，實現一個互動效果，比如我們常見的圖片滾動，動畫，還有表單驗證等等常見的效果
然後就是後端程序員了（這裡面可能還會衍生專門做資料庫）反正這類人，就是把網站實現動態，與資料庫對接
（ps：不做過多闡述，有不明白可以問我）

6、作業：有關於網頁界面設計文字排版的問題?

1

7、網頁排版設計是做什麼

網頁排版設計指的是網頁美工，其相當於平面設計，將平面設計中的審美觀點套用其上面，只能進行靜態頁面設計，不可實現動態頁面，平面設計的審美的觀點在網頁設計上非常實用。

網頁設計需要掌握的技能：

1、基礎美術：素描(石膏幾何體、靜物寫生);色彩(色彩構成、簡單色彩靜物寫生)

2、三大構成：色彩構成、平面構成、立體構成Photoshop網頁配色及排版設計;Illustrator網頁設計

其注意事項：

1、有一定的ps功力

2、要有創意，有自己獨到的想法

3、要心細

4、多看別人好的作品，多與人交流想法，取長補短

5、要實用，網民使用方便，為整個網站目標服務

8、網頁排版布局有哪些原則?

1、對比度

網頁上不可以遠遠望去都是文字圖片，這會令人覺得目不暇接，找不了關鍵，我們要適度取材空缺。文本與文本中間的前後左右間隔，文本與照片中間的間隔，科學安排。保證親疏張弛有度。

2、視覺效果美

人都喜歡美麗的物品和事情，大家我國的傳統式從放置物件剛開始，喜歡注重對稱性，早在十年前，大家設計網頁也喜歡對稱性，緣故是那時用戶的審美觀也偏重喜歡對稱性。在互聯網發展趨勢的今日，大家許多 網頁要擺脫傳統式，製作出時尚潮流、流行、千變為化的實際效果。那樣才可以更吸引住用戶，給用戶留有更刻骨銘心的印象。

3、遍布率

遍布率就是指網頁上邊全部原素在網頁頁面上應遍布勻稱，例如logo仰頭原素小，分配在網頁上邊一小部分，突現公司整體實力品牌形象的宣傳海報，關鍵點大一點版塊，部位最好是分配在中間，用戶一開啟網站，就能吸引用戶的眼光。總而言之大家分配網頁布局時以考慮到既能便捷用戶訪問、又能兼具美觀大方實際效果最好。

4、獨特度

眼底下流行的簡約主文義設計風格網站便是以明顯的對比色，造成獨特的視覺沖擊。大家網頁布局便是要根據不一樣色調、不一樣色彩、不一樣實際效果生產製造出豐富多彩的視覺效果磁感應。

5、佔比融洽

九頭身比例是大家憧憬的，黃金比例是網頁佔比憧憬的。在具體的網頁布局排版設計中，並並不是必須保證黃金比例，但佔比一定要融洽。讓訪問者造成舒適的覺得。

關於網頁排版布局有哪些原則，環球青藤小編今天就和您暫時分享到這里了。如果您對網站設計、頁面排版、圖海報設計中,幾何元素運用技巧有哪些像處理方面比較感興趣，希望分享的這篇文章可以給您的學習或工作提供幫助。如若您還想了解更多關於平面設計的素材及技巧等內容，可以點擊本站的其他文章進行學習。

9、網站設計頁面排版一般用什麼字體,多大號,色彩方面一般怎麼搭配比較好看?

一般中文，12px，14px，15px，16px，17px，18px，19px，20px...上不限制。看你需要吧。
英文是10px,11px,12px,13px,14px,15px,16px,17px,18px...等等。
色彩搭配和排版這個不是三言兩語說得清楚的。不然就不需要專門的設計人員了，不是么？