中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

4分鐘學會網(wǎng)頁樣式

2016-09-08    分類: 網(wǎng)站建設

比方說,你想要在自己網(wǎng)站上分享一個產(chǎn)品,或者是一個作品集,又或者僅僅只是一個靈感。在你發(fā)布到網(wǎng)上之前,你想讓它看起來有吸引力,專業(yè),或者至少得看起來像那么回事。

那么你接下來該做什么呢?

文本

設計的目的是為了增強它所應用到的內(nèi)容的表現(xiàn)形式。這看上去是顯而易見的事,但內(nèi)容是一個網(wǎng)站的主要元素,它不應該在發(fā)布后才想到要調整。 編寫的內(nèi)容,就像你目前正在閱讀的文章,組成了超過90%的網(wǎng)頁。為這個文本內(nèi)容添加樣式將有一個很長的路要走。 讓我們假設你已經(jīng)完成了你想發(fā)布的內(nèi)容,同時已經(jīng)創(chuàng)建了一個空的style.css文件,什么是你可以寫的第一條規(guī)則?

居中

長文本很難解析,也因此不易閱讀。每行設置字符限制,可以大大提高大量文本的可讀性和吸引力。

body {margin: 0 auto;max-width: 50em;}

在為文本容器添加了樣式后,為文本本身添加樣式可好?

字體

瀏覽器的默認字體為Times,可看起來缺乏吸引力(主要是因為它是“無樣式”字體)。切換到一個無襯線字體,如Helvetica或Arial可以大大提高你網(wǎng)頁的可讀性。

如果你堅持要用襯線體,可以試試Georgia。 當我們讓文本更具吸引力時,也需要讓它更具可讀性。

間隔

當用戶覺得一個頁面崩壞的時候,通常來說都是間距問題。通過在文本周圍和文本內(nèi)設置適當?shù)拈g距就可以增加頁面的吸引力。

雖然到目前為止布局已經(jīng)大大改善,但讓我們添加更多細節(jié)處理。

顏色和對比度

白色背景上的黑色文字看起來會比較扎眼。為文本選擇一款較軟一點的黑色,讓頁面閱讀起來更舒服。

body {color: #555;}

為了保持一個良好的對比度,讓我們?yōu)橹匾谋具x擇一個更黑暗的陰影。

雖然大部分頁面在視覺上已經(jīng)有所提升,但是一些元素依然顯得格格不入,如代碼段。

平衡

只需要一些額外的調整就可以平衡頁面:

在這一點上,你可能想讓你的頁面脫穎而出,讓它更有個性。

主色調

大多數(shù)品牌都有一個主色調,作為視覺基調。在一個網(wǎng)頁上,這個主色調可以用來強調交互元素,如鏈接。

a 

但是為了保持平衡/協(xié)調,我們還需要一些額外的顏色。

輔助色

主色調可以用更微妙的色調來補充,用于邊框,背景,甚至正文中。

已經(jīng)改變了色調,為什么不一并改變外形/字體...

自定義字體

由于文本是網(wǎng)頁的主要內(nèi)容,使用自定義字體能使頁面更加引人注目。 當你可以嵌入自己的網(wǎng)頁字體或使用類似Typekit的在線服務時,讓我們使用免費谷歌字體Roboto:

在通過自定義字體凸顯你的個性后,想讓頁面更加豐富多彩又怎么辦呢?

圖片和圖標既可用來作為支持你的內(nèi)容的裝飾品,還可以在你想要傳達的信息中擔當積極部分。

讓我們從Unsplash挑選一張漂亮的背景圖片來美化header。

讓我們借這個機會,來提高文本格調。

瞧!

按照網(wǎng)頁設計的基本原則,我們在短短幾分鐘內(nèi)設計了一個像樣的頁面。只剩下最后一件事啦...

文章標題:4分鐘學會網(wǎng)頁樣式
文章轉載:http://m.rwnh.cn/news/46226.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、營銷型網(wǎng)站建設、商城網(wǎng)站、網(wǎng)站收錄、全網(wǎng)營銷推廣、品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
新建县| 南京市| 辽源市| 娄底市| 汝州市| 阳信县| 甘德县| 彭阳县| 阿克| 乌苏市| 江安县| 肇州县| 鄯善县| 盐山县| 上蔡县| 泸定县| 东丽区| 拉孜县| 清原| 睢宁县| 揭东县| 定西市| 台东县| 游戏| 永胜县| 调兵山市| 长葛市| 叙永县| 潍坊市| 洮南市| 崇信县| 新蔡县| 徐汇区| 钟祥市| 调兵山市| 于都县| 阿坝县| 巴里| 哈尔滨市| 永吉县| 阿拉尔市|