資訊中心
更多- 深圳中小企業(yè)網(wǎng)站制作解決方案:構(gòu)建數(shù)字橋梁,賦能品牌成長(zhǎng)
- 深圳專業(yè)網(wǎng)站制作公司:打造您品牌在線門面的首選
- 專業(yè)網(wǎng)站設(shè)計(jì):塑造品牌形象,驅(qū)動(dòng)業(yè)務(wù)增長(zhǎng)的關(guān)鍵
- 深圳外貿(mào)網(wǎng)站建設(shè)市場(chǎng)的深度剖析
- 深圳外貿(mào)網(wǎng)站SEO優(yōu)化技巧:提升全球搜索引擎排名的實(shí)戰(zhàn)策略
- 深圳外貿(mào)網(wǎng)站市場(chǎng)定位分析——助力企業(yè)精準(zhǔn)觸達(dá)全球目標(biāo)客戶群
- 深圳網(wǎng)站設(shè)計(jì)趨勢(shì)探討:執(zhí)著于創(chuàng)新與實(shí)用性的完美結(jié)合
- 深圳企業(yè)網(wǎng)站運(yùn)維:堅(jiān)持高質(zhì)量?jī)?nèi)容輸出與技術(shù)執(zhí)著的重要性
- 深圳網(wǎng)站優(yōu)化SEO案例分析:揭秘成功網(wǎng)站背后的優(yōu)化執(zhí)著之道
- 從零到一,深圳本土品牌如何憑借網(wǎng)站建設(shè)和執(zhí)著贏得市場(chǎng)
您當(dāng)前的位置: 首頁 > 資訊中心 > 行業(yè)動(dòng)態(tài)
有一些情況下,當(dāng)我們滿懷期待地址開一些網(wǎng)址的情況下 —— 他們的存有真是是設(shè)計(jì)的災(zāi)禍!相信自己,如果你看到他們也會(huì)傷腦的。從莫名其妙的連接遺失到槽糕的易用性,文中會(huì)共享一些會(huì)令人一瞬間爆走的不正確設(shè)計(jì)。留意!千萬不要使你的用戶碰到和下邊一樣的難題。
1. 欠缺飽和度
網(wǎng)頁頁面上的文本和圖片都必須具有較高的易讀性,非常簡(jiǎn)單的方式便是讓他們具備高對(duì)比度??墒呛芏嘣O(shè)計(jì)師卻常常忽略這條標(biāo)準(zhǔn)。
圖片情況與文本飽和度很差,造成文本模模糊糊沒法閱讀文章,用戶不但錯(cuò)過了這句話也錯(cuò)過了你要傳遞的關(guān)鍵內(nèi)容。
你務(wù)必確保每一個(gè)原素都和它周邊的別的原素差別起來,記牢這種基本上方式——色彩、室內(nèi)空間、規(guī)格.。有效地應(yīng)用他們使你的每一個(gè)原素都清楚可見吧!
圖中的2個(gè)比照難題——乳白色的文本與淺色系的照片色調(diào)過度相仿及其過小的字體大小都讓這一段文本的易讀性越來越偏差。
2. 槽糕的導(dǎo)航欄和操作步驟
當(dāng)我們登錄了網(wǎng)頁頁面的第一眼,你也就得讓我明白了下面我該做哪一個(gè)實(shí)際操作。點(diǎn)一下按鍵及其信息必須放到醒目的部位——這就是為何導(dǎo)航欄和工具欄通常處在網(wǎng)頁頁面的頂端。
導(dǎo)航欄的標(biāo)識(shí)內(nèi)容和運(yùn)作實(shí)際效果務(wù)必清楚形象化,當(dāng)你試著應(yīng)用水平方向的滾動(dòng)條或是別的一些不太不同尋常的動(dòng)畫特效設(shè)計(jì)的情況下,給用戶一些暗示著讓她們了解你的網(wǎng)頁頁面怎樣工作吧!過度繁雜的設(shè)計(jì)會(huì)讓用戶覺得手足無措并離開你的網(wǎng)站。
3. 槽糕的照片配搭解決
沒什么比一個(gè)優(yōu)秀的圖片被別的設(shè)計(jì)遮蓋更槽糕了。假如你花了時(shí)間給你的網(wǎng)站配搭了一張優(yōu)秀的圖片,為何要讓它被別的的設(shè)計(jì)原素所遮蓋呢?再加上簡(jiǎn)易的一行字就可以了!這也是為什么全透明按鍵變成了新的潮流趨勢(shì)。
當(dāng)設(shè)計(jì)師追求時(shí)尚潮流的情況下,常常會(huì)掉入那樣的錯(cuò)誤觀念。頂欄很有意思,翻轉(zhuǎn)也非常好,但是當(dāng)你為他們配搭上文本,一切就非常容易越來越不那麼和諧了。網(wǎng)頁頁面上的每一個(gè)照片都必須與文字配搭,讓每一個(gè)文本都可以讀,照片上的每一個(gè)設(shè)計(jì)原素都清楚可見。
不能用文字或是按鍵遮蓋照片上一切關(guān)鍵的一部分。當(dāng)你感覺你的網(wǎng)頁頁面設(shè)計(jì)發(fā)生了那樣的狀況,最好是拆換一個(gè)更為簡(jiǎn)約的情況并在別的地區(qū)放喜歡你的這張圖片吧。
當(dāng)?shù)谝谎垡姷缴线呥@幅圖的情況下你能被吸引住是由于它的素描畫設(shè)計(jì)風(fēng)格。但細(xì)心看一下,角色臉部被文本遮住了,那一段獎(jiǎng)賞之辭也讓總體看起來亂七八糟。
4. 不應(yīng)用網(wǎng)格圖
在網(wǎng)頁頁面設(shè)計(jì)中,有一些“雜亂無章”也可以令人心曠神怡,不一樣是在其中的一種,不應(yīng)用網(wǎng)格圖肯定并不是!
是不是應(yīng)用網(wǎng)格圖是區(qū)別設(shè)計(jì)優(yōu)劣的技術(shù)專業(yè)指標(biāo)值之一。網(wǎng)格圖讓一切越來越清楚有全局性 —— 使你的原素中間保持一致的適度的間隔,你了解理應(yīng)將你的原素放到哪里、如何放。網(wǎng)格圖協(xié)助你確定原素的規(guī)格、文字的規(guī)格和室內(nèi)空間,根據(jù)占比呈現(xiàn)內(nèi)容的著重點(diǎn)。
5. 不選用響應(yīng)式網(wǎng)站設(shè)計(jì)
應(yīng)用響應(yīng)式網(wǎng)站設(shè)計(jì)架構(gòu)!應(yīng)用響應(yīng)式網(wǎng)站設(shè)計(jì)架構(gòu)!應(yīng)用響應(yīng)式網(wǎng)站設(shè)計(jì)架構(gòu)!關(guān)鍵的事兒說三遍! 你的網(wǎng)頁頁面也許必須在手機(jī)上運(yùn)作,它務(wù)必要和在電腦上運(yùn)作一樣順暢。
我總是能碰到一些網(wǎng)站,在手機(jī)上載入出的是一全部網(wǎng)頁頁面。這種網(wǎng)站并并不是響應(yīng)式網(wǎng)站設(shè)計(jì),最少?zèng)]有手機(jī)安卓版的主視圖,以致于用戶沒法應(yīng)用。(盡管很不普遍,但這些只給予手機(jī)安卓版主視圖的網(wǎng)站也非常令人無可奈何。)
也許許多 用戶與我一樣,假如不可以在手機(jī)上順利應(yīng)用你的網(wǎng)站,那因?yàn)槲也蝗菀自谖业碾娔X上開啟它了。
6. 連接遺失
奔潰的連接是網(wǎng)頁頁面上最令人生氣的事之一。培養(yǎng)每一年都去審批你的網(wǎng)頁頁面上連接是不是通暢的習(xí)慣性吧!你能手動(dòng)式查驗(yàn)或者應(yīng)用一些專用工具,例如Website Link Checker.
假如你的logo并不可以連接到你的網(wǎng)站主頁,因?yàn)槲視?huì)覺得怪異。Logo全是要連接到網(wǎng)站主頁的。(及其當(dāng)處在主頁的情況下,不必禁止使用返回按鈕。)
考慮到連接的易用性。確保你的連接,尤其是這些文字中的連接充足顯著而且便于點(diǎn)一下而不導(dǎo)致操作失誤。不必在你的文字中加上許多 文本連接,特別是在小的移動(dòng)設(shè)備顯示屏上,用戶難以點(diǎn)一下到恰當(dāng)?shù)倪B接。
7. 全屏播放歌曲
在網(wǎng)頁頁面上加上響聲會(huì)很栩栩如生,可千萬不要在沒有用戶提醒的狀況下音樂播放。
你理應(yīng)給予給用戶一個(gè)開啟/關(guān)閉音樂的按鍵,而且默認(rèn)設(shè)置關(guān)掉。歌曲也許會(huì)讓用戶震撼,可如果用戶正處在辦公環(huán)境或者情緒比較差的情況下那么做卻得不償失。用戶必須能徹底操縱你的網(wǎng)頁頁面,而全屏播放的歌曲卻與之本末倒置。我需要網(wǎng)頁音樂但播放視頻務(wù)必獲得我的愿意,假如沒法尋找按鍵關(guān)掉全屏播放的歌曲,那只有立即關(guān)閉網(wǎng)頁頁面。
但運(yùn)用在廣告宣傳上這倒是個(gè)非常好的伎倆。假如你有有響聲的內(nèi)容務(wù)必要播放視頻,考慮到放一個(gè)大的彈出式隔音按鍵。用戶通常會(huì)接納幾秒的廣告宣傳時(shí)間并會(huì)去閱讀文章內(nèi)容。盡管這不是一個(gè)理想化的方式,則是一個(gè)比較好的解決方法。
看一下上邊這張網(wǎng)頁頁面,它會(huì)全屏播放歌曲但理應(yīng)是隔音的。再看一下能否一眼尋找轉(zhuǎn)換按鍵吧——按鍵太小了尤其是比照別的原素它更難被找到。
更比較嚴(yán)重的罪行
沒有最糟僅有更糟糕,下邊的一些關(guān)鍵點(diǎn)設(shè)計(jì)不正確也會(huì)要我棄之而去,別讓你自己變成這種粗心大意犯的不正確的受害人了。
沒有檢索作用
英語的語法或語法錯(cuò)誤
沒有通話作用
文本中發(fā)生過多連接
連字符聯(lián)接的文字
特小的按鍵
槽糕的排版設(shè)計(jì)和易讀性