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