從細節著手做好網站建設工作

2022-06-23    分類: 網站建設

1)文字
設置正確的font family以保證在不同操作系統中都能以最優的字體顯示中文、字母、數字、標點。
針對以中文為主和以英文為主的內容、字體大小不同的內容,設置不同的行間距。

在Windows、宋體為主的環境下,字體不要小于12px,不要使用斜體,避免使用粗體。


2)內容尺寸

對于文字內容為主的頁面,往往可以利用最小文字的尺寸(或接近這個尺寸)、并且能整除標準頁面寬度的尺寸,作為網格的單元尺寸。
使用網格設計法規范內容的尺寸,讓布局看起來整潔有序。

設置內容寬度是固定還是可以延展。可延展的內容寬度能充分利用屏幕空間,但是過寬的內容反而妨礙閱讀。


3)對齊
使用網格設計法規范內容的對齊,讓布局看起來整潔有序。
在橫向上不要使用過多的對齊基準線。如果橫向有5、6個對其基準線,幾乎等于沒有規范對齊。

英文在左對齊或右對齊的時候、另一側參差不齊,居中對齊的時候兩側參差不齊,有一種美感。中文則往往更欣賞整體接近方塊化的布局,尤其是對于高密度內容,需要慎用參差不齊的形式。


4)間距
間距單元尺寸的制定,由網格單元尺寸、字體單元尺寸共同決定。
盡量少使用幾種不同的間距尺寸,間距類型過多讓布局顯得凌亂。

間距是非常有效的形成內容區塊的方式,并且微妙而不強烈。相比使用背景色、間隔線,用間距形成區塊往往更具品質感。


5)顏色
主體顏色盡可能不超過3種(黑色和白色如果作為背景色和文字色,不包括在內),主色、強調色、輔助色。
在同一種顏色上,可以根據需要發展出同色系的輔助色。
如果使用過淺的顏色,有可能在某些顯示器上看不見。同一顏色在不同的顯示設備上顯示效果往往不同,往往綠色的偏色尤其嚴重。
實際工作中,常常可以把上面的內容總結成“3”的原則:基于網格設計內容布局的尺寸、對齊、間距,使用不超過3種字體大小、3個對齊基準線、3種間距尺寸、3種顏色。
對于,國內的網站,有哪些細節設計給你帶來好的用戶體驗?又有哪些值得我們學習借鑒呢?您也可以例舉一些給您留下深刻印象的用戶體驗,歡迎與我們分享。

本文題目:從細節著手做好網站建設工作
文章來源:http://m.kartarina.com/news/170702.html

網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設

廣告

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

成都網站建設公司
主站蜘蛛池模板: 一区二区三区无码被窝影院| 蜜臀AV无码精品人妻色欲| 亚洲的天堂av无码| 日韩AV无码久久一区二区| 国产精品亚洲专区无码牛牛| 亚洲日韩精品一区二区三区无码 | 国内精品人妻无码久久久影院| 国产乱子伦精品无码码专区| 好了av第四综合无码久久 | 亚洲精品无码av天堂| 亚洲av永久无码精品秋霞电影影院 | 亚洲av成人中文无码专区| 久久无码一区二区三区少妇| av无码久久久久不卡免费网站| 中文字幕精品无码久久久久久3D日动漫 | 在线看片无码永久免费aⅴ| 亚洲AV日韩AV永久无码久久| 成人无码午夜在线观看| 精品人妻系列无码人妻漫画| 无码人妻AⅤ一区二区三区| 亚洲成A∨人片天堂网无码| 无码av人妻一区二区三区四区| 国产精品99精品无码视亚| 日韩a级无码免费视频| 国产成人无码A区在线观看导航| 中文无码热在线视频| 精品国产V无码大片在线看| 日韩精品真人荷官无码| 亚洲av无码不卡一区二区三区| 国产成年无码AV片在线韩国| 无码人妻精品一区二区三区99不卡 | 亚洲毛片无码专区亚洲乱| 亚洲国产精品无码一线岛国| 久久伊人亚洲AV无码网站| 伊人久久无码精品中文字幕| 精品久久久无码人妻中文字幕豆芽 | 毛片无码免费无码播放| 久久久无码精品国产一区| 熟妇人妻中文字幕无码老熟妇| 亚洲国产a∨无码中文777| 午夜无码伦费影视在线观看|