網頁設計技巧
網站的頁面多種多樣,風格各異,網頁的質量直接影響着網站的效果。下面是YJBYS小編整理的網頁設計技巧,希望對你有幫助!
1.導航欄
導航欄如果設計得恰到好處,是會給網頁本身增色很多。導航欄有一排、兩排、多排、圖片導航和Frame框架快捷導航等等各種情況的設計。有時候是橫排,有時候則是豎排。另外還有一些動態的導航欄,如很精彩的Flash導航。
LOGO並不是每個網站多要有的,他是網站爲了給大家一個比較直觀的信息的表達工具。LOGO的位置通常在頁面的左上角。這個地方最明顯和直觀,可以第一時間給人於默化的效果;網站的LOGO,一般以靜態的居多,也有動態的,但是LOGO的特點都是在表達網站的信息,是一個網站的直接的表現窗口。
ER(廣告條)類型
Banner設計注意點:Banner有動態和靜態兩種。在瀏覽網頁的過程中,雖然閃爍的圖案會產生瞬間記憶刺激,引起注意,但這種記憶往往爲壓迫性的,久之易產生負面效應,從而模糊記憶。而穩定的畫面不易引發特殊的關注,但如果有良好的界面引導和內容,可產生良性的`記憶,持久而牢固。設計要點:Banner的文字不能太多,用一兩句話來表達即可;廣告語要朗朗上口,可以第一時間的讓人捕獲表達的重點;圖形無須太繁雜,文字儘量使用黑體等粗壯的字體,否則在視覺上很容易被網頁其他內容淹沒;圖形儘量選擇顏色數少,能夠說明問題的事物;如果選擇顏色很複雜的物體,要考慮一下在低顏色數情況下,是否會有明顯的色斑;儘量不要使用彩虹色、暈邊等複雜的特技圖形效果,這樣做會大大增加圖形所佔據的顏色數,增大體積。
4.按鈕
按鈕設計要點:設計按鈕要同頁面的整體協調,不能太搶眼;有的頁面很單調,還要依靠花哨的按鈕來提一下;選用的字體,選用的插圖,或插圖及字體搭配,都要考慮字跡清楚,色彩簡單一些,不要超過四種;很長的按鈕可能就是框架的分界,儘量要纖細一些,否則頁面會顯臃腫。
5.圖片
爲了美化頁面,圖片是任何一個頁面都要用到的,圖片的運用要合理。圖片運用要點:圖形的主體最好清晰可見;圖形的含義最好簡單明瞭;圖片內所含文字應該清晰容易辨認;背景與主體明度對比比例應爲3∶1到5∶1之間爲宜;淡色系列的背景有助於整體和諧;淡色材質背景最佳,能與主題分離之淺色標誌或文字背景亦可。
6.文字
文字也是設計的。設計要點:每一行文字的長度最好20到30個中文字(40到60個英文字母);行距與字距已由軟件內定。設計時注意段落與段落間空行及首行縮排方式以輔助閱讀;標題以H1到H3字號爲佳,內文Font size=3到4級爲佳;同版面字型最好在三種以內;文字的顏色最好也是三種以內;文字在顏色上要與背景區別;內文的排列向左對齊並與左邊界保持適當距離。可以用表格填入文字以達此效果;表格或清單內的字運用相同字型與字體大小,以利辨別。
相關文章
-
網頁設計案例分享:網頁專題設計技巧
今天本文蒐集了優秀的色彩運用案例與大家分享,希望這些案例能帶給你靈感!Netlife ResearchCollisionInstagalleryFIFeThe Material GroupWVA 2011Orange SprocketCo ExhibitionsSpoonGerren LamsonYunarec beatAssistl -
網頁設計之網頁首屏高度確定技巧
總結是事後對某一階段的學習或工作情況作加以回顧檢查並分析評價的書面材料,它能使我們及時找出錯誤並改正,不妨坐下來好好寫寫總結吧。總結怎麼寫纔不會千篇一律呢?以下是小編幫大家整理的國中班主任工作總結,僅供參考,歡 -
淘寶網頁美工設計製作網店首頁的技巧
腰椎間盤突出的情況是很多患者都人受不了的,因爲腰椎間盤伴隨的痛覺也是很讓人難受的。腰肢鍵盤突出的情況多數是和患者不正確使用腰部導致的,要想徹底的治癒這個疾病,一定要加上腰椎間盤突出的鍛鍊方法,這樣的治療效果才 -
網頁頁面設計技巧
首頁主要承擔着樹立企業形象(當然不僅僅是首頁)的作用,框架頁在導航方面起着重要的作用,比如各欄目內部主要內容的介紹,都可以在框架頁中體現再進入普通頁,讓瀏覽者能夠迅速瞭解網站各欄目的主要內容,擇其需要而瀏覽,而普通 -
長滾動網頁頁面設計技巧
長滾動頁面和無限滾動式的網頁已經徹底流行開來了,甚至可以說它已經脫離趨勢,成爲了一種常規的設計,下面是小編分享的長滾動網頁頁面設計技巧,一起來看一下吧。長滾動式的頁面有着如下的優勢:1、爲精簡的導航2、易呈現故事 -
長滾動網頁頁面設計技巧大綱
長滾動頁面和無限滾動式的網頁已經徹底流行開來了,甚至可以說它已經脫離趨勢,成爲了一種常規的設計,它們的流行並不是巧合。當用戶向下滾動的時候頁面的時候,所需要的內容與信息會自然的呈現出來,在此過程中通常不會涉及 -
網站建設網頁設計技巧
隨着互聯網的不斷髮展,越來越多企業已經嘗試在互聯網上開展各種各樣的電子商務服務,那麼如建設好的網站呢?下面是YJBYS小編整理的網站建設設計技巧,希望對你有幫助! 首頁設計應簡潔有力首頁是用戶訪問網站最多,搜索引 -
網站建設構圖讓網頁設計出彩的技巧和方法
網頁設計整體風格就如同網站上的整個明珠,如果網頁設計無法給人一種最直觀的的感受,那麼網站的頁面框架和架構就如同形同虛設。因此,我們在設計網站過程中,對於網頁設計的追求,就變得孜孜不倦,如果讓網頁設計影響到人的內心 -
網站網頁動畫設計技巧
一個網頁上的動畫元素,就能夠讓這個網頁與其它的網頁不一樣。在網站的網頁中摻插一些動畫雖然是可以,但是也需要掌握好技巧,才能夠讓做出來的動畫元素能美麗漂亮。那麼一般網站網頁動畫設計技巧是什麼?想要做好網頁動畫, -
網站網頁動畫設計的技巧
在日常學習、工作和生活中,大家都經常看到作文的身影吧,藉助作文可以提高我們的語言組織能力。那麼你有了解過作文嗎?下面是小編爲大家收集的歡度中秋節作文7篇,歡迎閱讀與收藏。歡度中秋節作文 篇1盼望已久的中秋終於到