2014-07-12 分類: 網(wǎng)站建設(shè)
網(wǎng)頁(yè)設(shè)計(jì)和通用設(shè)計(jì)的演變,規(guī)則已經(jīng)建立,以確保一致的和實(shí)用的設(shè)計(jì)。
這些規(guī)則被創(chuàng)造是因?yàn)榫W(wǎng)站創(chuàng)造者濫用某些原則沒(méi)有為用戶考慮。
但這些規(guī)則不執(zhí)行任何人應(yīng)該被必要時(shí),特別是當(dāng)把它們將導(dǎo)致一個(gè)驚人的設(shè)計(jì)。
在這篇文章中,我們提出了10條規(guī)則,你可以打破如果它適合你的設(shè)計(jì)需求。
規(guī)則1:#不顯示水平滾動(dòng)條
小鼠大量沒(méi)有水平的鼠標(biāo)滾輪。這使得它尷尬向左或者向右滾動(dòng)的時(shí)候,網(wǎng)頁(yè)的內(nèi)容超出了瀏覽器的側(cè)。
它可以是惱人得把鼠標(biāo)光標(biāo)移動(dòng)到窗口的底部和拖動(dòng)滾動(dòng)條只看到一個(gè)或者兩個(gè),超出頁(yè)面的可視面積。就是說(shuō),這里有一些精心設(shè)計(jì)的網(wǎng)站,把滾動(dòng)條來(lái)工作的有效途徑。
圖形化療法
而圖形化療法在其頁(yè)面上顯示沒(méi)有水平滾動(dòng)條,還可以通過(guò)單擊和拖動(dòng)水平滾動(dòng)條在屏幕上。圖形理論水平導(dǎo)航因?yàn)樗械膱D像是相同的高度,但不相同的寬度。水平導(dǎo)航幫助網(wǎng)站流量平穩(wěn)。
橫向的方法
橫向的方法是一個(gè)展示網(wǎng)站使用水平滾動(dòng)。低劣的圖形是美麗的,而這個(gè)網(wǎng)站是唯一盡CSS畫廊去。
規(guī)則2:#使用最少數(shù)量的字體
太多的字體通常互相沖突和征服觀眾。每種字體都很有個(gè)性,和太多的人物可以創(chuàng)造障礙。
為了有效地使用超過(guò)幾個(gè)字體設(shè)計(jì)必須面向文本,和其它的設(shè)計(jì)需要相對(duì)安靜。這里有一些網(wǎng)站使用這個(gè)意義上的沖突和混亂來(lái)吸引用戶的例子。
鏈接啦
鏈接啦在一個(gè)非線性的布局,創(chuàng)造出一種能使用多種字體。頁(yè)面難以閱讀快而吸引用戶。另外值得一提的是,該字體沒(méi)有過(guò)分裝飾的;每個(gè)字都是清晰的,保持設(shè)計(jì)干凈利落。
規(guī)則3:#不要使用太多的顏色
走得太遠(yuǎn)的設(shè)計(jì)就是將專業(yè)從菜鳥新秀從遺忘的恐懼。使他們的設(shè)計(jì)盡可能的極端不經(jīng)意的嘗試,有字的火,閃爍的文字,并盡可能多的顏色。
新手想保持他們的眼睛設(shè)計(jì)微妙的和容易的,但最終他們的設(shè)計(jì)有時(shí)看起來(lái)毫無(wú)生氣。以下養(yǎng)眼的設(shè)計(jì)都是用一些真正的專業(yè)人士誰(shuí)是推動(dòng)邊界。
Matt Mullenweg的漂亮的設(shè)計(jì)看起來(lái)像一幅水彩畫(網(wǎng)站已被我寫這篇文章的更新)。在背景中所有的顏色會(huì)抓住任何人的注意。
一般來(lái)說(shuō),一噸的顏色,好的設(shè)計(jì)會(huì)在后臺(tái)有這些顏色,用一種簡(jiǎn)單的調(diào)色板上。閱讀文本很難當(dāng)太多的東西。
規(guī)則4:讓你的網(wǎng)站#目標(biāo)明顯
這東西真的會(huì)擠在年輕設(shè)計(jì)師的耳朵是,設(shè)計(jì)應(yīng)該立即告訴觀眾,他們?cè)诳词裁丛谒麄冏x課文。
品牌識(shí)別的大型企業(yè)是重要的,但有時(shí)候小家伙需要聰明一點(diǎn)把觀眾的注意力。阻礙信息能激起觀眾和“逗”的人想要學(xué)習(xí)更多。
該技術(shù)應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)可以大大提高用戶在您的網(wǎng)站上停留的時(shí)間。
則5:#導(dǎo)航應(yīng)該很容易找到
導(dǎo)航不應(yīng)該是一個(gè)網(wǎng)站的瓶頸。用戶應(yīng)該能夠找到他們想要的東西很快。有時(shí)候,雖然直觀但引人入勝的導(dǎo)航可以幫助用戶感受的網(wǎng)站,它是促進(jìn)。
如前所述,一種自信的表達(dá)當(dāng)一個(gè)組合不拼出來(lái)。這種情況在阿爾文唐攝影組合。當(dāng)?shù)谝粋€(gè)到達(dá)現(xiàn)場(chǎng),用戶不會(huì)立即承認(rèn)他們看到的文字鏈接。
這種不確定性應(yīng)促使他們閑逛。移動(dòng)鼠標(biāo)到一個(gè)字,發(fā)現(xiàn)它確實(shí)是一個(gè)鏈接,并點(diǎn)擊它,一個(gè)華麗的圖片加載。照片會(huì)吸引用戶繼續(xù)瀏覽。
看到更多的照片,用戶需要點(diǎn)擊瀏覽器的“后退”按鈕(這是大多數(shù)人都明白這樣做),然后點(diǎn)擊另一個(gè)鏈接。沒(méi)有手的設(shè)計(jì),和它的作品非常好。這不是一個(gè)傳統(tǒng)意義上的“華麗的設(shè)計(jì),但這正好需要。
規(guī)則6:#使用不同顏色的文字和背景
這條規(guī)則也許不是寫的所有地方,但是很多新手害怕使文本不可讀的,他們不考慮使用相同的基本顏色為背景和字體本身。你可以遵循一些簡(jiǎn)單的技巧來(lái)做類似的顏色。
規(guī)則6:#使用不同顏色的文字和背景
這條規(guī)則也許不是寫的所有地方,但是很多新手害怕使文本不可讀的,他們不考慮使用相同的基本顏色為背景和字體本身。你可以遵循一些簡(jiǎn)單的技巧來(lái)做類似的顏色。
規(guī)則7:不要把#動(dòng)畫在你的內(nèi)容的方法
認(rèn)真,不彈出小flash廣告的權(quán)利,用戶閱讀。同樣,那些調(diào)查框顯示無(wú)論用戶是在一個(gè)句子中。用戶不喜歡被分心,當(dāng)他們通過(guò)一個(gè)句子中間。除非…
真的很難不被小蜘蛛ABA的網(wǎng)站。設(shè)計(jì)是干凈的,雖然蜘蛛是一個(gè)分心,沒(méi)事的。到目前為止,這個(gè)網(wǎng)站我認(rèn)為是唯一的例外。
規(guī)則8:堅(jiān)持#網(wǎng)頁(yè)安全字體
雖然字體替換技術(shù)都還年輕,他們已經(jīng)犯了一個(gè)大水花,另一個(gè)缺點(diǎn)是,如果用戶或者JavaScript或者Flash的殘疾人,他們只會(huì)看到原來(lái)的字體。所有的事情考慮,還是挺酷的。希望這是一個(gè)預(yù)覽什么來(lái)在未來(lái)幾年。
規(guī)則9:#沒(méi)有飛濺/登陸頁(yè)面
許多設(shè)計(jì)師都有同樣的老的討論與他們的客戶為什么飛濺頁(yè)是不是一個(gè)好主意。谷歌傾向于這樣的頁(yè)面級(jí)別低,他們慢下來(lái)的用戶得到他們的內(nèi)容后。但他們可以令人難以置信的美麗和鼓舞人心的如果做得正確。
規(guī)則10:不要使用表#
任何人使用表格在設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)師會(huì)立刻被經(jīng)驗(yàn)豐富的設(shè)計(jì)師新秀。表不顯示相同的在所有的瀏覽器,而且可以使源代碼看起來(lái)凌亂,但至少你會(huì)知道你得到他們。這里是一些設(shè)計(jì)納入表實(shí)例。
這張桌子是稍難看到,是藏在那里的兩把椅子之間。這是一個(gè)不錯(cuò)的小邊桌但可悲的是沒(méi)有多少貢獻(xiàn)本網(wǎng)站的設(shè)計(jì)。
至于設(shè)計(jì)表中去,這是一個(gè)。兩表運(yùn)用Flash動(dòng)畫,設(shè)計(jì)了他們很多的關(guān)注。這個(gè)網(wǎng)站應(yīng)該是每一個(gè)設(shè)計(jì)師的名單,偉大的設(shè)計(jì),使用表格。
打破規(guī)則!
打破規(guī)則是好的當(dāng)一個(gè)設(shè)計(jì)需要。許多設(shè)計(jì)選擇了這里不被普通設(shè)計(jì)師考慮。這是什么使偉大的設(shè)計(jì)師從平均的。
那些足夠勇敢的去反對(duì)他們一直被教導(dǎo)總是站出來(lái)。
創(chuàng)新互聯(lián)設(shè)計(jì)文章推薦:
富源網(wǎng)站制作、富源企業(yè)網(wǎng)站制作
網(wǎng)頁(yè)設(shè)計(jì)與制作、馬龍網(wǎng)站設(shè)計(jì)模板
羅平網(wǎng)站設(shè)計(jì)公司
新聞名稱:10個(gè)網(wǎng)頁(yè)設(shè)計(jì)的規(guī)則需要打破
網(wǎng)站鏈接:http://m.newbst.com/news/20124.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站維護(hù)、Google、網(wǎng)站策劃、網(wǎng)站改版、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容