簡介版面設計
1. 界面設計的簡介
UI即 User Interface(用戶界面)的簡稱。UI設計則是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟體變得有個性有品味,還要讓軟體的操作變得舒適、簡單、自由,充分體現軟體的定位和特點。
通過對界面設計不同需求進行的分類以及界面設計元素對用戶行為的影響,來研究用戶在界面設計中所體現的重要性。交互性已經成為網路界面設計中設計追求的目標。為了使設計滿足可用性要求,全面的了解用戶特徵及多元化要求是十分必要的。這就需要找到正確的方法來記錄和實現多元化的用戶要求。
界面是人與物體互動的媒介,換句話說,界面就是設計師賦予物體的新面孔。 1.簡易性 界面的簡潔是要讓用戶便於使用、便於了解、並能減少用戶發生錯誤選擇的可能性。 2.用戶語言 界面中要使用能反應用戶本身的語言,而不是游戲設計者的語言。 3.記憶負擔最小化 人腦不是電腦,在設計界面時必須要考慮人類大腦處理信息的限度。人類的短期記憶極不穩定、有限,24小時內存在25%的遺忘率。所以對用戶來說,瀏覽信息要比記憶更容易。 4.一致性 是每一個優秀界面都具備的特點。界面的結構必須清晰且一致,風格必須與游戲內容相一致。 5.清楚 在視覺效果上便於理解和使用。 6.用戶的熟悉程度 用戶可通過已掌握的知識來使用界面,但不應超出一般常識。 7.從用戶的觀點考慮 想用戶所想,做用戶所做。用戶總是按照他們自己的方法理解和使用。
通過比較兩個不同世界(真實與虛擬)的事物,完成更好的設計。如:書籍對比竹簡。 8.排列 一個有序的界面能讓用戶輕松的使用。 9.安全性 用戶能自由的作出選擇,且所有選擇都是可逆的。在用戶作出危險的選擇時有信息介入系統的提示。 10.靈活性 簡單來說就是要讓用戶方便的使用,但不同於上述。即互動多重性,不局限於單一的工具(包括滑鼠、鍵盤或手柄)。 11.人性化 高效率和用戶滿意度是人性化的體現。應具備專家級和初級玩家系統,即用戶可依據自己的習慣定製界面,並
能保存設置。
設計軟體:
軟體用戶界面(Software User Interface)是指軟體用於和用戶交流的外觀、部件和程序等等。如果你經常上網的話,會看到很多軟體設計很樸素,看起來給人一種很舒服的感覺;有點軟體很有創意,能給人帶來意外的驚喜和視覺的沖擊;而相當多的軟體頁面上充斥著怪異的字體,花哨的色彩和圖片,給人網頁製作粗劣的感覺。軟體界面的設計,既要從外觀上進行創意以到達吸引眼球的目的,還要結合圖形和版面設計的相關原理,從而使得軟體設計變成了一門獨特的藝術。通常的講,企業軟體用戶界面的設計應遵循以下幾個基本原則:
1.用戶導向原則
設計網頁首先要明確到底誰是使用者,要站在用戶的觀點和立場上來考慮設計軟體。要作到這一點,必須要和用戶來溝通,了解他們的需求、目標、期望和偏好等。網頁的設計者要清楚,用戶之間差別很大,他們的能力各有不同。比如有的用戶可能會在視覺方面有欠缺(如色盲),對很多的顏色分辨不清;有的用戶的聽覺也會有障礙,對於軟體的語音提示反映遲鈍;而且相當一部分用戶的計算機使用經驗很初級,對於復雜一點的操作會感覺到很費力。另外,用戶使用的計算機機器配置也是千差萬別,包括顯卡、音效卡、內存、網速、操作系統以及瀏覽器等都會有不同。設計者如果忽視了這些差別,設計出的網頁在不同的機器上顯示就會造成混亂。
2.KISS原則
KISS原則就是Keep It Simple And Stupid的縮寫,簡潔和易於操作是網頁設計的最重要的原則。畢竟,軟體建設出來是用於普通網民來查閱信息和使用網路服務。沒有必要在網頁上設置過多的操作,堆集上很多復雜和花哨的圖片。該原則一般的要求,網頁的下載不要超過10秒鍾(普通的撥號用戶56 Kbps網速);盡量使用文本鏈接,而減少大幅圖片和動畫的使用;操作設計盡量簡單,並且有明確的操作提示;軟體所有的內容和服務都在顯眼處向用戶予以說明等。
3.布局控制
關於網頁排版布局方面,很多網頁設計者重視不夠,網頁排版設計的過於死板,甚至照抄他人。如果網頁的布局凌亂,僅僅把大量的信息堆集在頁面上,會干擾瀏覽者的閱讀。一般在網頁設計上所要遵循的原理有:
(1)Miller公式。根據心理學家George A.Miller的研究表明,人一次性接受的信息量在7個比特左右為宜。總結一個公式為:一個人一次所接受的信息量為 7±2 比特。這一原理被廣泛應用於軟體建設中,一般網頁上面的欄目選擇最佳在5~9個之間,如果軟體所提供給瀏覽者選擇的內容鏈接超過這個區間,人在心理上就會煩躁,壓抑,會讓人感覺到信息太密集,看不過來,很累。例如Aol點com的欄目設置:Main、MyAol、Mail、People、Search、Shop、Channels和Devices共八個分類。Msn點com的欄目設置:MSN Home、My MSN、Hotmail、Search、Shopping、Money和People & Chat共七項。然而很多國內的軟體在欄目的設置遠遠超出這個區間。
(2)分組處理。上面提到,對於信息的分類,不能超過9個欄目。但如果你的內容實在是多,超出了9個,需要進行分組處理。如果,你的網頁上提供幾十篇文章的鏈接,需要每隔7篇加一個空行或平行線做以分組。如果你的軟體內容欄目超出9個,如微軟公司的軟體,共有11個欄目,超過了9個。
4.視覺平衡
網頁設計時,也要各種元素(如圖形、文字、空白)都會有視覺作用。根據視覺原理,圖形與一塊文字相比較,圖形的視覺作用要大一些。所以,為了達到視覺平衡,在設計網頁時需要以更多的文字來平衡一幅圖片。另外,按照中國人的閱讀習慣是從左到右,從上到下,因此視覺平衡也要遵循這個這個道理。例如,你的很多的文字是採用左對齊〈Align=left〉,需要在網頁的右面加一些圖片或一些較明亮、較醒目的顏色。一般情況下,每張網頁都會設置一個頁眉部分和一個頁腳部分,頁眉部分常放置一些Banner廣告或導航條,而頁腳部分通常放置聯系方式和版權信息等,頁眉和頁腳在設計上也要注重視覺平衡。同時,也決不能低估空白的價值。如果你的網頁上所顯示的信息非常密集,這樣不但不利於讀者閱讀,甚至會引起讀者反感,破壞該軟體的形象。在網頁設計上,適當增加一些空白,精煉你的網頁,使得頁面變的簡潔。
5.色彩搭配顏
色是影響網頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:紅色和橙色使人興奮並使得心跳加速;黃色使人聯想到陽光,是一種快活的顏色;黑顏色顯得比較莊重,考慮到你希望對瀏覽者產生什麼影響,為網頁設計選擇合適的顏色(包括背景色、元素顏色、文字顏色、鏈節顏色等)。
為方便閱讀軟體上的信息,可以參考報紙的編排方式將網頁的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。另一種能夠提高文字可讀性的因素是所選擇的字體,通用的字體(Arial,Courier New,Garamond,Times New Roman,中文宋體)最易閱讀,特殊字體用於標題效果較好,但是不適合正文。如果在整個頁面使用一些特殊字體(如Cloister,Gothic,Script,Westminster,華文彩雲,華文行楷),這樣讀者閱讀起來感覺一定很糟糕。該類特殊字體如果在頁面上大量使用,會使得閱讀頗為費力,瀏覽者的眼睛很快就會疲勞,不得不轉移到其他頁面。
6.和諧性
通過對軟體的各種元素(顏色、字體、圖形、空白等)使用一定的規格,使得設計良好的網頁看起來應該是和諧的。或者說,軟體的眾多單獨網頁應該看起來像一個整體。軟體設計上要保持一致性,這又是很重要的一點。一致的結構設計,可以讓瀏覽者對軟體的形象有深刻的記憶;一致的導航設計,可以讓瀏覽者迅速而又有效的進入在軟體中自己所需要的部分;一致的操作設計,可以讓瀏覽者快速學會在整個軟體的各種功能操作。破壞這一原則,會誤導瀏覽者,並且讓整個軟體顯的雜亂無章,給人留下不良的印象。當然,軟體設計的一致性並不意味著刻板和一成不變,有的軟體在不同欄目使用不同的風格,或者隨著時間的推移不斷的改版軟體,會給瀏覽者帶來新鮮的感覺。
7.個性化
(1)符合網路文化
企業軟體不同於傳統的企業商務活動,要符合Internet網路文化的要求。首先,網路最早是非正式性、非商業化的,只是科研人員用來交流信息。其次,網路信息是只在計算機屏幕上顯示而沒有列印出來閱讀,網路上的交流具有隱蔽性,誰也不知道對方的真實身份。另外,許多人在上網的時候是在家中或網吧等一些比較休閑,比較隨意的環境下。此時網路用戶的使用環境所蘊涵的思維模式與坐在辦公室里西裝革履的時候大相徑庭。因此,整個互聯網的文化是一種休閑的、非正式性的、輕松活潑的文化。在軟體上使用幽默的網路語言,創造一種休閑的、輕松愉快、非正式的氛圍會使軟體的訪問量大增。
(2)塑造軟體個性
另外,軟體的整體風格和整體氣氛表達要同企業形象相符合並應該很好的體現企業CI。在這方面比較經典的案例有:可口可樂個性鮮明的前衛軟體Life Tastes Good;工整、全面、細致的通用電氣公司軟體We bring good things to life(GE帶來美好的生活);崇尚科技創新文化的3M公司軟體Creating solutions for business、instry and home;刻意扮演一個數字電子娛樂之集大成者的角色,要成為新時代夢想實現者的索尼軟體;平易近人、親情濃郁的通用汽車公司軟體體現了以人為本的企業定位和營銷策略;服務全面、細致、方便,處處體現賓至如歸服務理念的希爾頓大酒店軟體。
網頁界面設計不同於一般的平面設計,擁有自身的設計特徵。網頁界面設計應時刻圍繞「信息傳達」這一主題來進行。目前網頁界面傳達的信息主要是視覺信息。因此從設計類型上來看,網頁界面設計屬於視覺傳達的領域,故而網頁界面設計的主要視覺元素和設計指導原則都要遵循視覺傳達的一般規律。網頁界面設計師在視覺傳達的工作,就是通過有效吸引視線的藝術形式使信息得以清晰、准確、有力地傳達。
任何一個成功的產品都是建立在對需求的准確把握之上的。需求分析對於新產品的開發或者已有產品的改進升級是不可缺少的早期環節之一。許多設計項目在還沒有很好地理解用戶需求甚至幾乎對用戶需求完全不清。 體現以用戶為中心的設計。首先從對用戶的調研開始、然後對用戶建模、信息概念設計、網站原型設計到用戶測試及方案實現,整個設計過程都始終圍繞著用戶進行,真正做到以用戶為中心。保證用戶界面運作的一致性是網頁界面設計的重點之一。在主頁列表框的設計中,如果雙擊其中的一項,使得某些任務完成。由此雙擊列表框中的其中的任何一個項,都應該有同樣的任務完成。也就是所有窗口按鈕的位置設計要達到一致性,提供的標簽設計和信息要一致,顏色要一致。用戶界面設計的一致性會使得用戶對網路界面運作建立起精確的心理模型,以此降低用戶培訓和支持成本。在頁面視覺傳達上,從網站的主題內容和定位來決定需要與之前運用的元素保持一致。 減少用戶思考的設計。一般的短時記憶只能保持二十秒左右,最長不超過一分鍾。在如此短的時間內我們能儲存多少信息呢?答案是7士2即5~9個項目,平均為7個項目。可見,人在短時間內注意力是集中和少量的,基於識別的用戶界面在很大程度依賴於用戶所關心對象的可見性,顯示太多的對象和屬性會讓用戶很難找到感興趣的對象。同時,用戶不棄歡經常重復性輸入一些信息,如個人賬號,安全信息,操作習慣,下次操作行為等,這些佔用了用戶完成其他重要任務的時間。 明確體現網站的特色服務。用戶界面要非常明確地體現網站的特色服務,安排最大的空間並且在最顯眼的位置來擺放網站的最大賣點和用戶最關心最常用培訓系統,而其他用戶也會感興趣的渠道信息、最新共享信息版塊和論壇板塊等放在界面較顯眼的位置。這些都是基本滿足用戶需求,以用戶為中心的界面計。 迎合用戶的習慣。迎合用戶的習慣,主要為了讓用戶在操作中簡單到極致。作為1個Ul設計人員,我們應當多的去了解用戶習慣在什麼地方尋找導航欄、習慣把哪部分作為網站的重點,習慣在什麼地方點擊注冊、習慣在什麼地方找搜素框、習慣點擊什麼樣的按鈕[8]、什麼顏色會加速用戶的心跳、增強消費的沖動。由此,根據用戶的行為習慣,對網站的整體布局進行重新策劃,使得簡單、簡單、再簡單、簡單到極致,通過清晰的流程和界面,讓用戶減少對網站的思考以及尋找的時間;讓准確的色彩和表述減少用戶心理斗爭的時間。通過不斷地調研,用各種可用性實驗來計算用戶在每一個界面下所需思考的時間,然後,最好的頁面設計的評判標准就是用戶耗費時間最少的那個頁面 常見問題:
1、字間距太擠或太寬
2、行距太小或太大
3、段距太少或太多
4、每行字數太多或太少
2. 版面設計是什麼
版面設計是指設計人員根據設計主題和視覺需求,在預先設定好的有限版面內,運用造型要素和形式原則,根據特定主題與內容的需要,將文字、圖片(圖形)及色彩等視覺傳達信息要素進行有組織、有目的的組合排列的設計行為與過程。
版面設計的應用范圍,涉及到報紙、刊物、書籍(畫冊)、產品樣本、掛歷、招貼畫、唱片封套和網頁頁面等平面設計各個領域.
3. 平面版式設計的介紹
《平面版式設計》分7章,闡述了平面版式設計的基本理論與當今的發展趨向,對平面版式設計的基本原理、視覺流程、形式法則、造型要素、網格體系、編排應用環節的表現技法等內容進行了系統地講解和分析研究。全書主要介紹文字、圖像和色彩創意設計的表現規律以及招貼、報紙、雜志、DM、POP、VI、設計、包裝和網頁、產品、展示等方面和版式設計表現技法。同時結合版式設計的表現與創意訓練,加強了習作示範和切實可行的課題安排。全書突出了設計專業方向與高等職業教育特色,著重於對學生的設計編排表現、創制能力和創造性思維能力的培養。
4. 版式設計的內容簡介
版式設計是藝術設計專業的重要課程,也是各種媒介載體表現的基礎。
本書對版式設計的基本定義和包含的內容作了闡釋,闡明版式設計在現代設計中的重要性及應用性;從版式設計的起源與發展和流派的講解中展現版式設計的特徵及風格;通過對版式設計的基本形式法則和視覺要素的分解,使讀者對版式設計有更深的認識;並通過版式設計的視覺流程及柵格系統的講解,使讀者掌握傳統版式設計的柵格系統及設計流程。以上這些傳統的理論知識也是現代設計必須遵循的規律。版式設計作品很大程度上要藉助印刷等手段來表現,故對與印刷有關的基礎知識的講解也是必要的。本書還從版式設計在平面應用領域中報紙、書籍雜志、廣告媒介、網頁等幾個方面,結合具體的案例作了細致的講解,讓讀者能更充分地認識和了解版式設計。
全書通過對版式設計基礎理論知識的講解,從而提高讀者對版式設計的認知程度,有利於幫助讀者解決學習中遇到的各種問題,在設計中創作出更優秀的設計作品。
本書可作為高等院校藝術設計相關專業的教材,也可作為從事藝術設計人員的參考用書。
5. 版面設計的作者簡介
盧少夫
中國美術學院平面設計系教授。
浙江樹人大學藝術學院院長。
汪哲嗥
2001年畢業於中國美術學院,獲得學士學位。
2001年進入浙江工業大學藝術學院,任教於視覺傳達系。
2008年畢業於中國美術學院,獲得藝術碩士學位。
主持或參與了多項相關專業的研究項目。出版有《編排設計》,《標志設計》等多部專業書籍。
6. 版式設計的介紹
《版式設計》是2009年北京大學出版社出版的圖書,作者是周峰。版式設計的基本定義和包含的內容作了闡釋,闡明版式設計在現代設計中的重要性及應用性;從版式設計的起源與發展和流派的講解中展現版式設計的特徵及風格;通過對版式設計的基本形式法則和視覺要素的分解,使讀者對版式設計有更深的認識;
7. word的簡介和排版
Word文檔的編輯和排版
1.進入Word2000,熟悉其工作界面和各個組成部分。
2.輸入以下內容(段收暫時不要空格),並以W1.DOC為文件名,保存在「自然班級號」+「姓名」文件夾中(如「T513-1張三」表示班級是「T513-1」,姓名為「張三」的文件夾,該文件夾由用戶自己建立在桌面上),然後關閉該文檔。
隨著計算機技術的發展,文字信息處理技術也進行著一場革命性的變革,用計算機打字、編輯文稿、排版印刷、管理文檔,是五彩繽紛的高效實用新技術的一些具體內容。優秀的文字處理軟體能使用戶方便自如地在計算機上編輯、修改文章,這種便利是與在紙上寫文章所無法比的。最早較有影響的是Miropro公司在1979年研製的WordStar(文字之星,簡稱Ws),並且很快成為暢銷的軟體,風行於20世紀80年代。漢化的Ws在我國非常 流行 。1989年香港金山電腦公司推出的Wps(Word Processing System),是完全針對漢字處理重新開發設計的,與Ws相比其優點主要表現在:字體格式豐富、控制靈活、表格製作方便、下拉菜單方便、模擬顯示實用有效。在當時我國的軟體市場獨占鰲頭,但不能處理圖文並茂的文件。從Wps97開始,吸收了Word軟體的優點,功能、操作方式與Word相似,成為國產軟體的傑出代表。1982年,Microsoft公司開始了字處理軟體的市場爭奪,比爾·蓋茨講Microsoft開發的這款字處理軟體命名為Ms Word。1983年,Ms Word正式推出,成千上萬的用戶被Word 1.0版的新功能傾倒。人們第一次看到了Word使用了一個叫「滑鼠」的東西,復雜的鍵盤操作變成了滑鼠「輕輕一點」。Word還展示了所謂「所見即所得」的新概念,能在屏幕上顯示粗體字、底劃線和上下角標,能驅動激光列印機印出與書刊印刷質量媲美的文章……這一切造成強烈的轟動效應。隨著1989年Windows的推出和巨大成功,Microsoft的字處理軟體Word成為文字處理軟體銷售的市場主導產品。早期的字處理軟體以文字為主,現代的字處理軟體可以集文字、表格、圖形、圖像、聲音於一體。隨著計算機技術的發展,文字信息處理技術也進行著一場革命性的變革,用計算機打字、編輯文稿、排版印刷、管理文檔,是五彩繽紛的高效實用新技術的一些具體內容。優秀的文字處理軟體能使用戶方便自如地在計算機上編輯、修改文章,這種便利是與在紙上寫文章所無法比的。
3.打開剛剛建立的文檔W1.doc,並以文件名為W12.doc另存在上述文件夾中,並對W12.doc進行如下排版操作。
4.在文本的最前面插入一行標題「5.2.1 字處理軟體概述」,並將其設置為「標題3」樣式;在兩段之間插入小標題「1. 字處理軟體的發展」,並將其設置為「標題8」樣式。
5.將文檔分為三段,使「最早較有影響……傑出代表。」,「1982年……聲音為一體」,各為一段;將正文的第一段復制到文檔的最後。將文本中的所有英文字母改為首字母大寫,其他小寫;將所有的字母更改為紅色的字母;將「微軟」替換為「Microsoft」。
6.利用拼寫檢查檢查輸入的英文單詞是否有誤,如果有,請將其更正。
7.分別以「頁面、大綱、普通、列印預覽」等不同的顯示方式來顯示文檔,觀察各自顯示的特點。
8.將標題「5.2.1 字處理軟體概述」設置為居中、方正舒體,並加如樣張所示的2.25磅的陰影邊框;將小標題「1. 字處理軟體的發展」設置為分散對齊。
9.將所有正文首行縮進2個漢字、小四、楷體,所有英文設置為Arial Black。
10.將第一段前面的「文字信息處理」這幾個字設置拼音標注,拼音為12磅大小;將「隨著計算機」設置為如樣張所示的帶圈字元,並選擇「增大圈號」;將第二行改為繁體字;將第三行的「字處理軟體」設置為「華文彩雲」字體、加框、加字元底紋,字元放大到200%、字為紅色。
11.將正文第二段首字下沉2行;分兩欄,加分隔線;加前景為紅色的25%的底紋。最後一段正文刪除多餘的文字,分3欄,第一欄欄寬7個字元、第二欄欄寬7個字元,欄間間距為3個字元,加如樣張所示的雙線。
12.在正文最後添加文字「Word功能:文件管理;文字編輯;版面設計;表格處理;圖文混排;製作Web主頁。」格式為小四、黑體、字元間距為加寬6磅、文字分段;加如樣張所示的紅色項目符號,分兩欄。
13.插入頁腳,內容為你的姓名和日期(請使用日期域)。
14.打開計算中心FTP,根據自己的選課班級,上述文件夾復制到「吳年志3班」或者「吳年志11班」文件夾中。
8. 版面設計的介紹
版面設計,又稱為版式設計,是平面設計中的一大分支,主要指運用造型要素及形式原理,回對版面內的文字答字體、圖像圖形、線條、表格、色塊等要素,按照一定的要求進行編排,並以視覺方式藝術地表達出來,並通過對這些要素的編排,使觀看者直覺的感受到某些要傳遞的意思。
9. 關於介紹個人的海報版面設計
一般這種都是有償的 無償的很少
我是做這塊的 有興趣的話可以了解下