正在網站計劃中,很多企業戰站少每每過量的重視網站結構,而每每疏忽瞭網站顏色的拆配。網站的顏色拆配對用戶體驗有著很主要的影響,而顏色拆配有必定的規矩戰技能,控制那些規矩戰技能能力計劃出一個優良的網站。
網頁的配色規矩是依據網頁詳細地位的分歧功效而設定的。上面依照網頁題目,網頁鏈接,網頁筆墨及網頁標記的條理舉行先容。
1 網頁題目
網頁題目是網站的指路燈,閱讀者要正在網頁間跳轉,要懂得網站的構造戰網站的內容,必需經由過程導航大概頁裡中的一些小題目。以是可使用略微具有騰躍性的顏色,吸引閱讀者的視野,讓其感到網站清楚清楚明瞭,條理明白,假如顏色鄰近度下,會讓閱讀者覺得凌亂。
比方拿比擬著名的A5網站舉例,網站配景是紅色,以是導航題目采取瞭鄰近度較近的深藍色,如許能夠對用戶發生視覺打擊,應用戶正在看到第一眼時便曉得那個導航題目異常主要。
2 網頁鏈接
任何網站皆弗成能隻要單一的一頁,以是筆墨戰圖片的鏈接是網站中弗成或少的一部門。特別是筆墨的鏈接,由於筆墨鏈接戰筆墨分歧,以是筆墨鏈接的色彩戰筆墨的色彩盡對不克不及一樣。
當代人的生涯節拍皆很快,出有人會花許多精神正在探求網站的鏈接上。是以,設置奇特的鏈接色彩,讓人感到其奇特性,從而使令用戶挪動鼠標,面擊鏈接。
3 網頁筆墨
假如一個網站應用瞭配景色彩,便必需斟酌配景色彩取遠景筆墨的拆配題目。一樣平常的網站著重的是筆墨,以是配景能夠挑選雜度大概明度較低的顏色,筆墨用較為凸起的明色,讓人一覽無餘。
固然,有些網站為瞭讓閱讀者對其留下深入的印象,常常正在配景上做文章。好比一個空缺頁的某個部門用瞭很明的一個年夜色塊,可讓用戶感觸感染到名頓開。此時網站為瞭吸引閱讀者的視野,凸起的是配景,以是筆墨便要隱得暗一些,如許筆墨能力跟配景分別開去,便於閱讀者瀏覽筆墨。
4 網頁標記
網頁標記是宣揚網站最主要的部門之一,以是那部門必定要正在頁裡上凸現出去。讀者能夠將logo戰Banner做得鮮明一些去真現凸起表現,也便是顏色圓裡跟網頁的主題色分別開去。偶然候為瞭是網頁標記更凸起,也能夠選用於主題色相反的顏色。
A5網站的網頁標記采取的長短常能幹的赤色,以是正在紅色配景戰深藍色導航的陪襯下,隱的異常能幹。A5網站對紅色,藍色,赤色的調和應用,給人感到異常雅觀年夜圓,印象深入。
為瞭能讓本身的網頁計劃的更靚麗,更舒服,更具有可瀏覽性,必需公道適當的應用戰拆配頁裡各要素間的顏色!文本文地點為/view_detail.php?id=245,轉載請附帶鏈接感謝。
font-family |
|
font-size |
|
font-style |
|
font-variant |
|
font-weight |
|
letter-spacing |
|
line-height |
|
text-decoration |
|
text-align |
|
text-indent |
|
text-transform |
|
white-space |
|
word-spacing |
|
color |
|
bg-attachment |
|
bg-color |
|
bg-image |
|
bg-position |
|
bg-repeat |
|
width |
|
height |
|
border-top |
|
border-right |
|
border-bottom |
|
border-left |
|
margin |
|
padding |
|
max-height |
|
min-height |
|
max-width |
|
min-width |
|
outline-color |
|
outline-style |
|
outline-width |
|
position |
|
top |
|
bottom |
|
right |
|
left |
|
float |
|
display |
|
clear |
|
z-index |
|
list-style-image |
|
list-style-type |
|
list-style-position |
|
vertical-align |
|
border-collapse |
|
border-spacing |
|
caption-side |
|
empty-cells |
|
table-layout |
|
text-shadow |
|
-webkit-box-shadow |
|
border-radius |
|
overflow |
|
cursor |
|
visibility |
|
|