首頁

創(chuàng)造富有故事性的網(wǎng)頁,你需要熟悉這7個維度

資深UI設(shè)計者

網(wǎng)站能承載多種多樣的內(nèi)容,但無論是哪種內(nèi)容,通常都會遵循一定的信息架構(gòu)。在這其中,故事是很特別的一種類型。講故事,往往能以更敘事、更情感化的方式,將內(nèi)容傳遞給用戶。

一個好的故事,往往始于筆端,但是最終呈現(xiàn),還是要依靠精巧的設(shè)計。那么設(shè)計是如何講好故事的呢?今天的文章,為你分享一下創(chuàng)造故事的7個維度。

統(tǒng)一原則在網(wǎng)頁設(shè)計當(dāng)中的運用

用心設(shè)計

形式美法則是人類在創(chuàng)造美的形式和過程中對美的形式規(guī)律的總結(jié)概括,世間萬物的美都可以用形式美法則來概括。在平面構(gòu)成中也有形式美法則:統(tǒng)一和變化,對稱和平衡,節(jié)奏和韻律,對比和調(diào)和。前面跟大家有分享了對比、留白在網(wǎng)頁當(dāng)中的運用,今天我們繼續(xù)來分享網(wǎng)頁當(dāng)中那么多元素是如何做到統(tǒng)一一致的。

統(tǒng)一原則在網(wǎng)頁設(shè)計當(dāng)中的運用

留白在網(wǎng)頁設(shè)計當(dāng)中的運用

用心設(shè)計

留白,也可以稱為負(fù)空間。留白并非只是簡單的指白色空間部分,它也可能是同個網(wǎng)頁下的各個元素的空白空間。

這樣的留白可以體現(xiàn)在多個地方,比如:幻燈片、區(qū)塊邊距、布局、行距、圖表等。處理留白比較考驗設(shè)計師的設(shè)計能力,留白可以打造簡約的風(fēng)格特點,而在哪里留白就顯得比較重要,它不僅是調(diào)節(jié)界面的視覺審美效果,更是要凸顯主體,達(dá)到留白的最終目的。

留白處理不當(dāng)很容易變成單調(diào)乏味。所以留白需要設(shè)計師拿捏好尺度。


留白在網(wǎng)頁設(shè)計當(dāng)中的運用


網(wǎng)頁中用到的對比原則(三):區(qū)塊對比

用心設(shè)計

網(wǎng)頁當(dāng)中說到布局設(shè)計,不得不提柵格,柵格是網(wǎng)頁設(shè)計當(dāng)中的基礎(chǔ),它可以幫你確定網(wǎng)頁的各個元素要怎么放置,讓整個網(wǎng)頁具有規(guī)范感和正式感,還具有一種結(jié)構(gòu)分明的設(shè)計感。

網(wǎng)頁中用到的對比原則(三):區(qū)塊對比

如何善用對比度來提升網(wǎng)頁內(nèi)容的可讀性

周周

當(dāng)我們聊設(shè)計的時候,可讀性是我們最常提及的話題。良好的設(shè)計應(yīng)該都是可讀的設(shè)計,如果信息都無法正常而清晰的傳達(dá),那么設(shè)計就失去了意義。

設(shè)計的可讀性和排版設(shè)計息息相關(guān),與此同時,對比度的控制也是其中的核心。想要提升內(nèi)容的可讀性,讓內(nèi)容以更加順暢、更符合邏輯的形式呈現(xiàn)在用戶面前,你需要借助對比度來表達(dá),讓用戶真正順暢的理解。

色彩對比

前景的文字需要和背景有著明顯的對比,它需要能夠吸引用戶的眼球。

這7個秘訣,能幫你做出體驗極佳的網(wǎng)頁表單

周周

表單是網(wǎng)頁設(shè)計中最常見的元素,幾乎每個網(wǎng)站都會包含一種甚至幾種不同類型的表單。從簡單的電子郵件搜集和訂閱,到注冊、下單、購買,表單一直伴隨著網(wǎng)頁而存在。所以,設(shè)計出好看易用的表單是非常有必要的。

也正是因為表單一直伴隨這網(wǎng)頁存在,在過去的20多年間,表單的設(shè)計規(guī)范和標(biāo)準(zhǔn)也一直在逐步發(fā)展。雖然許多網(wǎng)頁中的表單涵蓋了大量的信息也數(shù)量可觀的欄目,但是絕大多數(shù)的優(yōu)秀設(shè)計和最佳實踐都是以簡單而著稱。好的表單一目了然,用戶不需要輸入太多信息,條目標(biāo)識明確,格式清晰,讓用戶盡可能一次就能正確填寫。

人氣好文!寫給網(wǎng)頁設(shè)計師的視覺設(shè)計基礎(chǔ)手冊

資深UI設(shè)計者

編者按:這篇文章總結(jié)的18條網(wǎng)頁設(shè)計技巧,多是新手設(shè)計師容易犯的細(xì)節(jié)錯誤,每條技巧都有案例有對比,簡單易懂全干貨。

這10個思路,能幫你設(shè)計出簡單易用的網(wǎng)頁

資深UI設(shè)計者

編者按:極簡主義的流行讓越來越多的網(wǎng)頁設(shè)計師開始著迷簡單、簡約的網(wǎng)頁設(shè)計,CARRIE COUSINS 的這篇文章就幫你搞定這個問題~

坦率的講,在網(wǎng)頁設(shè)計這件事情上,簡單的設(shè)計往往更好。一個簡單易用的界面更容易為用戶所掌握,也更容易將一個新用戶轉(zhuǎn)化為一個活躍用戶。

面對龐雜的需求,許多設(shè)計師總會身不由己地向著復(fù)雜的方向來設(shè)計網(wǎng)頁,那么到底要如何將一個已經(jīng)比較復(fù)雜的網(wǎng)站簡化下來呢?其實思路并不復(fù)雜,訣竅在于根據(jù)用戶目標(biāo),重新審視整個路徑,將妨礙用戶達(dá)成目標(biāo)的障礙都清除掉。

而今天我們要聊的10個簡化技巧都是圍繞著這個思路來推進(jìn)的。無論你是正在設(shè)計一個全新的網(wǎng)站,還是針對現(xiàn)有的網(wǎng)站進(jìn)行簡化,這10個簡化技巧都非常值得嘗試。


總結(jié)了日式網(wǎng)站這4個優(yōu)點后,我能把中文網(wǎng)站做得高大上了!

資深UI設(shè)計者

本文通過分析日式網(wǎng)站的色彩、圖片、文字和元素運用,幫你充分吸收日式網(wǎng)站的精華,讓中文網(wǎng)站的設(shè)計也變得高大上!

網(wǎng)頁中用到的對比原則(一):色彩對比

用心設(shè)計

式美法則是人類在創(chuàng)造美的形式和過程中對美的形式規(guī)律的總結(jié)概括,世間萬物的美都可以用形式美法則來概括。在平面構(gòu)成中也有形式美法則:統(tǒng)一和變化,對稱和平衡,節(jié)奏和韻律,對比和調(diào)和。小編曾給大家介紹《寫給大家看的設(shè)計書》這本書,書中作者也概括了設(shè)計四大基本原則,分別是:對比、重復(fù)、對其和親密性。平面構(gòu)成的形式美法則和Robin在書中概括出的設(shè)計四大原則中都包含了對比,這兩者所表達(dá)的內(nèi)容是一樣的,可見對比在設(shè)計中的重要性。

網(wǎng)頁中用到的對比原則(一):色彩對比

日歷

鏈接

個人資料

存檔