網(wǎng)頁設(shè)計(jì)發(fā)展遇阻 克服三大難題
2015-09-05·思緯網(wǎng)絡(luò)
網(wǎng)頁設(shè)計(jì)發(fā)展遇阻 克服三大難題
2015-09-05·思緯網(wǎng)絡(luò)
很多人掌握了網(wǎng)頁制作的技術(shù),但是在網(wǎng)頁設(shè)計(jì)上的要領(lǐng)還是需要提高。
標(biāo)簽:網(wǎng)頁設(shè)計(jì)廣州網(wǎng)站建設(shè)網(wǎng)頁制作
很多人掌握了網(wǎng)頁制作的技術(shù),但是在網(wǎng)頁設(shè)計(jì)上的要領(lǐng)還是需要提高。有人認(rèn)為,色彩多,頁面就豐富,設(shè)計(jì)得也越好。但事實(shí)并不是這樣,特別對于初學(xué)者,要擺脫三個(gè)問題——首先,文字能見度過低;其次,網(wǎng)頁缺乏主色調(diào);網(wǎng)頁色彩搭配沖擊力過強(qiáng)使視覺疲憊。
文字能見度過低,通俗的將也就是說色于色之間對比強(qiáng)度過低,超出了人的視覺識(shí)別的范圍。網(wǎng)頁上的背景色彩與文字結(jié)合在一起,文字與背景色的搭配就成為了一個(gè)難題。
很多新手為了使整個(gè)頁面“和諧”,忽略了文字的可識(shí)別性。這里我們就要講究一個(gè)定理:高明度色彩的背景,我們采用低明度色彩的文字會(huì)更好的識(shí)別;而低明度的背景,采用的是高明度色彩的文字則更好識(shí)別,但千萬不可選擇明度相近的背景色與文字,這樣我們難以分辨文字的內(nèi)容。
各種不同顏色的對比效果也不同,例如說米黃色在白色背景上的易見度較低,而橙色易見度卻高。橙色兼?zhèn)淞思t色與橙色的有點(diǎn),柔和明快,標(biāo)準(zhǔn)的RGB是R:255,G:97,B:0。可以說,橙色只要不是和太過于相近的顏色在一起,顯示的內(nèi)容都很清楚。所以說,橙色是具有醒目作用的顏色,當(dāng)然,紅色也是。
我們再來分析一下其他顏色,綠色與紅色、綠色與灰色、紫色與紅色、紫色與黑色、青澀與黑色作為背景色和文字顏色在一起的易見度都相對較低,效果較差。當(dāng)然,我們在挑選顏色的時(shí)候,要先注意到紅、黃、橙、白這四種顏色,因?yàn)檫@幾種顏色明度高,純度高,適合做文字顏色,卻不是適用于背景。
網(wǎng)頁缺乏主色調(diào)這個(gè)應(yīng)該說是“歷史遺留問題”。早些年,中國互聯(lián)網(wǎng)沒那么發(fā)達(dá)的時(shí)候,網(wǎng)頁相對簡陋,缺乏統(tǒng)一性。而今天高速發(fā)展的時(shí)代,凌亂的網(wǎng)頁已經(jīng)讓用戶感到厭惡了。如果說標(biāo)題用一個(gè)顏色,圖片用一個(gè)顏色,背景用一個(gè)顏色,Logo用一個(gè)顏色,每一個(gè)東西都用一個(gè)顏色,那網(wǎng)頁就好比顏料桶,色彩繁多卻復(fù)雜混亂,不堪入目,無法突出重點(diǎn)。所以說,我們應(yīng)當(dāng)將內(nèi)容想好,背景用什么顏色,所有的顏色,或者說是標(biāo)題用什么顏色,以主色調(diào)為主,其他顏色輔助。當(dāng)然,也要注意上面所說的文字可見度,以及整個(gè)網(wǎng)頁的美感。
所謂的視覺疲勞,在網(wǎng)頁設(shè)計(jì)中,就是用戶進(jìn)入網(wǎng)頁后,雖然想要突出的文字非常明顯,但是卻有一些刺眼,那么就會(huì)出現(xiàn)視覺疲勞,眼睛酸痛。拿紅色來說,這種顏色更會(huì)刺激視網(wǎng)膜的興奮程度。而顏色較深的顏色時(shí),就覺得沉穩(wěn),不會(huì)給人刺眼的感覺。
所以說,我們在做一些促銷頁面之類的網(wǎng)頁設(shè)計(jì)的時(shí)候,不能一味的追求突出重點(diǎn),更應(yīng)該站在用戶的角度上,背景不要采取高明度高純度的顏色,因?yàn)檫@些顏色的刺激強(qiáng)度高,容易引起視覺疲勞。也不要大面積采用刺激強(qiáng)度過高的顏色,但有的設(shè)計(jì)師提出來說低明度的色彩疲勞度雖然小,但是容易產(chǎn)生壓抑沉悶的感覺,推廣效果也不好。
我們可以采取這種的方法,使用明快柔和的淺色調(diào),而鮮艷的色彩可以以小面積的出現(xiàn),這樣的網(wǎng)頁設(shè)計(jì)不僅僅和諧統(tǒng)一,也有強(qiáng)烈的對比,不那么容易使訪客產(chǎn)生視覺疲勞。
標(biāo)簽:網(wǎng)頁設(shè)計(jì)廣州網(wǎng)站建設(shè)網(wǎng)頁制作
很多人掌握了網(wǎng)頁制作的技術(shù),但是在網(wǎng)頁設(shè)計(jì)上的要領(lǐng)還是需要提高。有人認(rèn)為,色彩多,頁面就豐富,設(shè)計(jì)得也越好。但事實(shí)并不是這樣,特別對于初學(xué)者,要擺脫三個(gè)問題——首先,文字能見度過低;其次,網(wǎng)頁缺乏主色調(diào);網(wǎng)頁色彩搭配沖擊力過強(qiáng)使視覺疲憊。
文字能見度過低,通俗的將也就是說色于色之間對比強(qiáng)度過低,超出了人的視覺識(shí)別的范圍。網(wǎng)頁上的背景色彩與文字結(jié)合在一起,文字與背景色的搭配就成為了一個(gè)難題。
很多新手為了使整個(gè)頁面“和諧”,忽略了文字的可識(shí)別性。這里我們就要講究一個(gè)定理:高明度色彩的背景,我們采用低明度色彩的文字會(huì)更好的識(shí)別;而低明度的背景,采用的是高明度色彩的文字則更好識(shí)別,但千萬不可選擇明度相近的背景色與文字,這樣我們難以分辨文字的內(nèi)容。
各種不同顏色的對比效果也不同,例如說米黃色在白色背景上的易見度較低,而橙色易見度卻高。橙色兼?zhèn)淞思t色與橙色的有點(diǎn),柔和明快,標(biāo)準(zhǔn)的RGB是R:255,G:97,B:0。可以說,橙色只要不是和太過于相近的顏色在一起,顯示的內(nèi)容都很清楚。所以說,橙色是具有醒目作用的顏色,當(dāng)然,紅色也是。
我們再來分析一下其他顏色,綠色與紅色、綠色與灰色、紫色與紅色、紫色與黑色、青澀與黑色作為背景色和文字顏色在一起的易見度都相對較低,效果較差。當(dāng)然,我們在挑選顏色的時(shí)候,要先注意到紅、黃、橙、白這四種顏色,因?yàn)檫@幾種顏色明度高,純度高,適合做文字顏色,卻不是適用于背景。
網(wǎng)頁缺乏主色調(diào)這個(gè)應(yīng)該說是“歷史遺留問題”。早些年,中國互聯(lián)網(wǎng)沒那么發(fā)達(dá)的時(shí)候,網(wǎng)頁相對簡陋,缺乏統(tǒng)一性。而今天高速發(fā)展的時(shí)代,凌亂的網(wǎng)頁已經(jīng)讓用戶感到厭惡了。如果說標(biāo)題用一個(gè)顏色,圖片用一個(gè)顏色,背景用一個(gè)顏色,Logo用一個(gè)顏色,每一個(gè)東西都用一個(gè)顏色,那網(wǎng)頁就好比顏料桶,色彩繁多卻復(fù)雜混亂,不堪入目,無法突出重點(diǎn)。所以說,我們應(yīng)當(dāng)將內(nèi)容想好,背景用什么顏色,所有的顏色,或者說是標(biāo)題用什么顏色,以主色調(diào)為主,其他顏色輔助。當(dāng)然,也要注意上面所說的文字可見度,以及整個(gè)網(wǎng)頁的美感。
所謂的視覺疲勞,在網(wǎng)頁設(shè)計(jì)中,就是用戶進(jìn)入網(wǎng)頁后,雖然想要突出的文字非常明顯,但是卻有一些刺眼,那么就會(huì)出現(xiàn)視覺疲勞,眼睛酸痛。拿紅色來說,這種顏色更會(huì)刺激視網(wǎng)膜的興奮程度。而顏色較深的顏色時(shí),就覺得沉穩(wěn),不會(huì)給人刺眼的感覺。
所以說,我們在做一些促銷頁面之類的網(wǎng)頁設(shè)計(jì)的時(shí)候,不能一味的追求突出重點(diǎn),更應(yīng)該站在用戶的角度上,背景不要采取高明度高純度的顏色,因?yàn)檫@些顏色的刺激強(qiáng)度高,容易引起視覺疲勞。也不要大面積采用刺激強(qiáng)度過高的顏色,但有的設(shè)計(jì)師提出來說低明度的色彩疲勞度雖然小,但是容易產(chǎn)生壓抑沉悶的感覺,推廣效果也不好。
我們可以采取這種的方法,使用明快柔和的淺色調(diào),而鮮艷的色彩可以以小面積的出現(xiàn),這樣的網(wǎng)頁設(shè)計(jì)不僅僅和諧統(tǒng)一,也有強(qiáng)烈的對比,不那么容易使訪客產(chǎn)生視覺疲勞。
閱讀全文
推薦
1
提升網(wǎng)站 SEO,開啟流量密碼之門!
2
網(wǎng)站 SEO 秘籍大公開!
3
模版網(wǎng)站建設(shè)的模版網(wǎng)站怎么做seo?
4
3個(gè)優(yōu)秀網(wǎng)頁設(shè)計(jì)案例,給你源源不斷的設(shè)計(jì)靈感!
5
ChatGPT對數(shù)字營銷將產(chǎn)生什么影響?
6
響應(yīng)網(wǎng)站是什么?
7
私域流量到底為什么火?該如何做?
8
中小企業(yè)建設(shè)網(wǎng)站的好處有那些?
9
建網(wǎng)站、抖音、自媒體?企業(yè)線上化將如何破局?
10
如何挑選優(yōu)質(zhì)網(wǎng)站模板的技巧
11
網(wǎng)站制作多少錢?定制一個(gè)網(wǎng)站需要多少錢?
12
響應(yīng)式網(wǎng)站建設(shè)適合哪些類型的網(wǎng)站【思緯網(wǎng)絡(luò)】
13
關(guān)于SEO網(wǎng)站優(yōu)化的避坑指南
14
響應(yīng)式網(wǎng)站建設(shè)需要注意哪些問題?
15
小程序開發(fā)-微信小程序的優(yōu)勢和價(jià)值是什么
16
天河的這幾種網(wǎng)站設(shè)計(jì),走心了
17
網(wǎng)站運(yùn)營需要注意的幾個(gè)點(diǎn),掌握SEO運(yùn)營
18
網(wǎng)站設(shè)計(jì)如何快速提升首頁質(zhì)量
19
企業(yè)網(wǎng)站建設(shè)后需要進(jìn)行哪些維護(hù)?
20
網(wǎng)站建設(shè)如何突出核心才是首要問題!
21
建設(shè)網(wǎng)站時(shí)都有哪些流程,如何提高質(zhì)量?
22
熱搜!得物緊急回應(yīng),調(diào)用權(quán)限刪除視頻是誤報(bào)?
23
網(wǎng)站建設(shè)中,企業(yè)要如何做好SEO的優(yōu)化
24
關(guān)于網(wǎng)站建設(shè)如何做到迎合用戶瀏覽習(xí)慣,你知道嗎?
大亞科技集團(tuán)
網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)
鴻翔建設(shè)集團(tuán)
網(wǎng)站建設(shè)、系統(tǒng)開發(fā)
凱豐投資
網(wǎng)站開發(fā)、網(wǎng)頁設(shè)計(jì)
天陽地產(chǎn)
網(wǎng)站設(shè)計(jì),系統(tǒng)開發(fā),手機(jī)網(wǎng)站設(shè)計(jì)
松贊度假
網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)
群豪男裝
網(wǎng)站建設(shè)、電腦+手機(jī)同步建站
能效通
響應(yīng)式網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、中英文網(wǎng)站建設(shè)
博澤資本
全響應(yīng)網(wǎng)頁設(shè)計(jì)
高新區(qū)融資租賃
網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)
菱朗電子科技
網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、


