設(shè)計(jì)|簡單美感高大上

字體的對(duì)比產(chǎn)生的多美感(利用字體的變化排版)

設(shè)計(jì)需要充分但不過分的留白,留白給人以奢侈的感受。

頁面寸土寸金,沒有十分必要,不要把它塞得過滿。此外,留白可以更好的凸顯主體;在特定情況下,適當(dāng)?shù)牧舭走€能產(chǎn)生別樣的意味。

高質(zhì)量圖片

圖片是渲染氣氛最有效的方式,圖片疊加文字的方式是一種非常取巧的辦法。一張高質(zhì)量的圖片本身具備的美感已經(jīng)足以提升逼格。

傳說中的「黑白噪點(diǎn)壓大字,高端大氣上檔次」,簡直抓全了精髓。

布局簡單平凡、富裕的留白、響亮的對(duì)比關(guān)系、就連圖片在 黑白+噪點(diǎn) 的處理后也變得大氣起來。啊~~有什么是設(shè)計(jì)不能拯救的呢?


讓讀者(用戶)保持專注

排版

為掃視而設(shè)計(jì)時(shí),有兩種模式需要考慮。首先是F模式。

F模式反映了用戶最通常的掃視頁面的方式。他們的視線從上面開始橫向移動(dòng),然后沿著左邊垂直移動(dòng),尋找突出的文字。

一旦找到激起他們興趣的內(nèi)容,他們又會(huì)開始橫向?yàn)g覽頁面。

還有Z模式

Z模式也是一種自然的瀏覽模式,通常用于報(bào)紙,網(wǎng)頁上也是如此。用戶在頁面頂部水平瀏覽,然后向左下移動(dòng),在頁面的下一行再次進(jìn)行水平移動(dòng)搜尋。

文字

我們來看看文字層次中一些常見的層級(jí):

主要:頁面上最顯著的文字更大更閃耀,吸引用戶的注意力。通常用于標(biāo)題與裝飾。

次要:介于中間的所有內(nèi)容。不像標(biāo)題那么顯著,但要在頁面的常規(guī)文字中突出顯示。

再次:主要內(nèi)容所選的文字。文字層次中的這一級(jí),有助于使用戶沉浸在正文中。

其他:更小的一級(jí),使用斜體、粗體、下劃線、不同顏色等等。

配合運(yùn)用,建立文字的層次,可以創(chuàng)造出秩序,防止用戶迷失其中。

要測試你頁面的易讀性,可以使用“3秒原則”:簡略地瀏覽頁面,然后看向別處。其中突出的內(nèi)容有沒有反映出你設(shè)計(jì)意圖?如果是的,那你方向正確,繼續(xù)保持;如果不是,則需要打回重新設(shè)計(jì)——可能確實(shí)如此。

建立平衡感

無論平衡感來自于對(duì)稱、非對(duì)稱或是放射狀,都是為了讓設(shè)計(jì)創(chuàng)造出穩(wěn)固與一致的感覺。如果用戶在你的網(wǎng)頁上感到輕松,他們會(huì)更愿意逗留。

圖片或文字不要過于密集:時(shí)刻考慮元素的間隙。排版傾向于簡潔——密集的布局會(huì)妨礙用戶。眼睛難以接受雜亂,使人更難接受信息的流轉(zhuǎn)。

考慮使用極簡的設(shè)計(jì),通過白色、黑色或非常深的背景和前景元素達(dá)到平衡,負(fù)空間的運(yùn)用可以引導(dǎo)用戶的注意力。

下面是一些書籍設(shè)計(jì)中常犯的錯(cuò)誤,同樣適用于網(wǎng)頁:

未經(jīng)過足夠的測試:始終要盡可能廣泛對(duì)設(shè)計(jì)進(jìn)行測試。內(nèi)容可能會(huì)跨越多種媒介(網(wǎng)頁、電子書、印刷品),這會(huì)使得文字有新面貌。而且,有些字體轉(zhuǎn)換到新媒介上可能會(huì)變得不易閱讀。找到適用于所有情境的字體非常重要。還要考慮你的設(shè)計(jì)在不同屏幕尺寸、不同分辨率和不同瀏覽器中如何展現(xiàn)。

不恰當(dāng)?shù)恼Z調(diào):為每個(gè)頁面元素選擇正確的語調(diào)。與字體一樣,標(biāo)題應(yīng)該吸引讀者注意,副標(biāo)題作為標(biāo)題的闡明或補(bǔ)充,正文要像一段友好的對(duì)話——溫暖親切,讓讀者渴望了解更多信息。

不恰當(dāng)?shù)母袷剑鹤裱闼x的媒介:否則,會(huì)一直浪費(fèi)時(shí)間修改文件,應(yīng)對(duì)CMYK用于印刷、RGB用于網(wǎng)站這樣的問題。

內(nèi)容來自網(wǎng)絡(luò)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,168評(píng)論 1 92
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,217評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,432評(píng)論 4 61
  • 1 十三歲的時(shí)候,我還在老家讀著小學(xué),無憂無慮,每天喧鬧在街頭人海,與同齡人一起感受著年少無知的快樂。那時(shí)候,我成...
    陳祿閱讀 1,107評(píng)論 4 11
  • 相信明天會(huì)更好,相信七年這一輩子我還可以過的無比精彩,這就是希望,比如學(xué)英語每天讀一段短文,發(fā)現(xiàn)半年下來進(jìn)步...
    L恩宏閱讀 497評(píng)論 0 0

友情鏈接更多精彩內(nèi)容