Godzilla. 2016-12-05
網(wǎng)站建設(shè)
網(wǎng)頁制作公司：在頁面布局設(shè)計(jì)中常見的錯誤
在過去幾年中，設(shè)計(jì)布局中的卡片模塊獲得了巨大的人氣。像Google，F(xiàn)acebook和Twitter這樣的公司，每天有數(shù)百萬用戶使用他們的產(chǎn)品在其界面中利用了這個(gè)流行的UI組件。不奇怪，因?yàn)?，卡片布局是響?yīng)設(shè)計(jì)的興起的完美響應(yīng)。它們是自包含的單元，可以移動，混洗和混合不同的內(nèi)容類型。他們可以在不同的屏幕尺寸上輕松做出反應(yīng)，從移動設(shè)備上的單列到更大設(shè)備上的多列，并且可以獨(dú)立于網(wǎng)絡(luò)移動。過去的幾年，我們注意到在設(shè)計(jì)時(shí)有一些陷阱。在這里，我們將介紹一些網(wǎng)頁制作公司：在頁面布局設(shè)計(jì)中常見的錯誤：
1.卡片布局中的內(nèi)容不均勻
在一個(gè)完美的世界中，我們的內(nèi)容將像在我們的Sketch文件中一樣整潔和整齊（而且一致），但是現(xiàn)實(shí)世界的內(nèi)容并不完全一致。標(biāo)題更長，描述不同，（和蘋果的意思一樣）名字不總是4個(gè)字母。當(dāng)卡以更大的屏幕尺寸放置在網(wǎng)格中時(shí)，我們通?？梢钥吹街袛嗔鞯拇箝g隙。不一致的空格可以限制密度，會讓整體頁面內(nèi)容顯得有些凌亂，不方便閱讀。
2.一次可以看到過多的卡片
設(shè)計(jì)師總是想要使用屏幕的整個(gè)空間，特別是在建立一個(gè)像儀表板或網(wǎng)絡(luò)應(yīng)用程序，用戶可能希望看到它一目了然。然而，在網(wǎng)格內(nèi)的太多的卡，或在任何給定時(shí)刻的屏幕上可能變得具有壓倒性，并可能導(dǎo)致用戶在觀看時(shí)有壓力。
與文本行長非常類似，我們想要考慮用戶在任何給定時(shí)刻可以合理占用多少內(nèi)容，以及用戶的眼睛在它失去它的地方之前在屏幕上水平掃描多遠(yuǎn)。 我們建議您在卡容器上設(shè)置最大寬度，以限制此內(nèi)容超載。摩恩網(wǎng)絡(luò)，專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)），歡迎新老顧客前來咨詢！
3.動作插圖太多
卡的最有價(jià)值的事情之一是它們作為一小塊內(nèi)容來提醒讀者觀看。左上角的齒輪或右上角的垃圾桶可能看起來像是一個(gè)很好的空間利用，但將卡片的每個(gè)方面變成鏈接可能會對用戶造成更多的混亂。
這種鏈接超載通常是客戶的要求。我們鼓勵我們的設(shè)計(jì)師思考在任何給定級別上需要什么行動，并根據(jù)重要性或類型對行動進(jìn)行分組。這使我們能夠?qū)讉€(gè)關(guān)鍵動作統(tǒng)一到每張卡底部容易找到的位置。
4.有不必要的視覺圖卡片
我們在卡片頭部都看到了漂亮的Dribbble拍攝與驚人的攝影，插圖或圖標(biāo)。當(dāng)我們的設(shè)計(jì)師將圖像添加到卡上時(shí)，我們經(jīng)常會問“為什么”。為什么這里需要一個(gè)圖像或圖標(biāo)？這是否有助于用戶更好地找到他們正在尋找的內(nèi)容，或者只是因?yàn)橛脩綦x開默認(rèn)圖標(biāo)變成視覺噪音？這通常是對構(gòu)圖理解不足，需要圖像或圖標(biāo)來平衡網(wǎng)站主題產(chǎn)品。如何做到在網(wǎng)頁中不存在不必要的視覺卡片？一個(gè)偉大的方法是做一些排版研究，并與內(nèi)容的順序和層次結(jié)構(gòu)，直到卡看起來平衡和清楚。
文章標(biāo)簽：
網(wǎng)頁設(shè)計(jì)布局
文章評論：