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