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