發(fā)布時間:2021-11-04 08:57:57來源:有考培訓網(wǎng)綜合
一般中文的字體大小是12px或者14px,隨著顯示器分辨率不斷提高,12px的文字在大于1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易。下面介紹網(wǎng)頁設(shè)計常遇問題及基本流程,在杭州學Web前端去哪家培訓機構(gòu)好?
在杭州學Web前端優(yōu)選達內(nèi)IT教育
達內(nèi)教育隸屬于加拿大達內(nèi)IT培訓集團,于2002年成立 ,是達內(nèi)IT培訓集團直屬學院。學院成立旨在建立軟件高級人才培養(yǎng)的通道,促進我國信息產(chǎn)業(yè)迅速發(fā)展。依托達內(nèi)集團國內(nèi)持平的課程體系(TTS6.0),雄厚的師資力量,廣闊的就業(yè)平臺,迄今為止已與國內(nèi)上萬家IT企業(yè)進行人才輸送合作,其中緊密合作企業(yè)4000余家、深入合作企業(yè)200余家、訂單輸送聯(lián)盟企業(yè)107家。
網(wǎng)頁設(shè)計有哪些基本流程
1.確定設(shè)計思路
企業(yè)在設(shè)計一個網(wǎng)頁之前,一定要先確定好設(shè)計方案,這個方案一定要確定網(wǎng)站的整體風格和特色,從而為后期的設(shè)計做好基本的準備。這里的設(shè)計思路要根據(jù)所設(shè)計的網(wǎng)頁的不同有所不同。
2.版式設(shè)計
網(wǎng)頁設(shè)計一定要特別注意網(wǎng)頁中各個板塊的排版和布局。每個板塊都分布清楚后,還要看整個網(wǎng)頁的布局,反復推敲布局的合理性以及用戶的體驗度。
3.色彩搭配
和諧的色彩、均衡的搭配,這些都會給網(wǎng)頁。同時,不同色彩對于人們心理的影響也不同,設(shè)計者可以根據(jù)這一點好好地運用色彩的作用。
4.內(nèi)容形式
一個好的網(wǎng)頁一定要有好的內(nèi)容和布局形式,內(nèi)容的設(shè)計一定要注意運用對稱美、節(jié)奏美和留白等等。通過空間、文字、圖形等等之間的相互關(guān)系巧妙地建立整體的均衡狀態(tài),讓之產(chǎn)生和諧的美感。
以上四點僅僅是網(wǎng)頁設(shè)計中較為基礎(chǔ)的流程,其中還有很多細節(jié)需要注意。
網(wǎng)頁設(shè)計常遇問題
一、字體大小存在問題
這類問題往往存在多種表現(xiàn)形式,包括字體不足12號使得用戶無法看清甚至點不到后退按鈕。很多網(wǎng)頁的上的字體都是正常大小,對我們來說剛好,但是父母來說網(wǎng)頁上的字就會偏小了。
解決辦法:一般中文的字體大小是12px或者14px。隨著顯示器分辨率不斷提高,12px的文字在大于1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現(xiàn)在網(wǎng)頁設(shè)計里面用12px的已經(jīng)比較少了,特別是文章正文部分,普遍都會用14px。
對于font-family,一般來說14px及以下大小的文字,應(yīng)當設(shè)置為宋體,當然也可以設(shè)置為微軟雅黑。不過在XP下默認是沒有雅黑字體的,所以在css里面可以這樣設(shè)置字體:
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開,如果系統(tǒng)沒有種字體,就用第二種,如果沒有第二種就用第三種,以此類推。
對于大于14px的文字,特別是大于16px的文字,宋體看起來就比較丑陋了,所以建議是用黑體或者微軟雅黑,看起來回舒服一些。
二、過度使用GIF、動畫與音效
在某些情況下,GIF動畫非常有趣;動畫能夠讓訪問者獲得更好的使用體驗;音效可能也有助于提升感受。但這些都只是點綴,切記不可畫蛇添足。GIF動畫過多會造成一種庸俗而幼稚的氛圍,而大家對于音效以及音樂的取向也有所不同。有時,我們精心設(shè)計,卻難以實現(xiàn)效果。
解決辦法:千萬別讓費盡心力添加的動畫與音效成了刺眼又刺耳的垃圾元素。使用GIF動畫較好能免則免。
三、設(shè)計臃腫,內(nèi)容雜亂
不斷增加的功能會導致需求和交付之間的延遲,這會讓設(shè)計逐漸變得臃腫。將各類新聞、鏈接以及圖片塞進同一頁面只會使其顯得雜亂不堪,導致用戶難以閱讀及導航。
解決辦法:堅持增加必要且有價值的功能,盡量避免內(nèi)容混亂多余。
四、對移動設(shè)備不夠友好
智能手機已經(jīng)成為人們在互聯(lián)網(wǎng)上獲取內(nèi)容的較佳途徑。大家的多數(shù)出站流量很可能都指向智能手機或者平板電腦。如果各網(wǎng)頁沒有針對移動設(shè)備進行優(yōu)化,那么可能會面對難以進行正常訪問等問題。
解決辦法:讓你的網(wǎng)頁代碼適應(yīng)各種手機、平板等不同分辨率大小