首頁(yè)

界面設(shè)計(jì)必備,常用字體規(guī)范

周周


作者:王鐸(MICU設(shè)計(jì))


好長(zhǎng)時(shí)間沒(méi)發(fā)帖,凈想過(guò)年了,過(guò)年哈,倒騰工作總結(jié)和年貨是大事。

這幾天有人問(wèn)我說(shuō):“最近看了好多教程,都老高大上了,但是老弟我做不到呀,想學(xué)點(diǎn)直接能拿來(lái)用的,這個(gè)要求過(guò)分嗎……”

這個(gè),好吧,那就直接說(shuō)說(shuō)能用的知識(shí):字體字號(hào)。

也許你會(huì)說(shuō):字體字號(hào)?也太Low了吧,這個(gè)誰(shuí)不知道重要呀。

對(duì)于這個(gè)問(wèn)題,我想說(shuō):會(huì)和熟練,是兩回事。一個(gè)App,不同部分的字體字號(hào)你能準(zhǔn)確地說(shuō)出來(lái)嗎?

很多剛做APP界面的設(shè)計(jì)師,經(jīng)常會(huì)因?yàn)樽痔?hào),字體顏色,間距而困擾。
拿到設(shè)計(jì)需求后,開(kāi)始進(jìn)行設(shè)計(jì),不知道從何去調(diào)整界面的字號(hào)和行間距等。容易碰到的問(wèn)題是頁(yè)面和頁(yè)面的字號(hào)調(diào)著調(diào)著就大小或顏色不統(tǒng)一了。并且容易導(dǎo)致設(shè)計(jì)稿反復(fù)得修改。設(shè)計(jì)出來(lái)的效果圖文字左右間距層次不齊,導(dǎo)致與預(yù)期不符等。
這小節(jié)我將和大家理一理界面中常用的字體,字號(hào),字體顏色及間距對(duì)齊的一些小經(jīng)驗(yàn)。希望能對(duì)大家有些幫助。

移動(dòng)端設(shè)計(jì)—視覺(jué)設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

移動(dòng)端設(shè)計(jì)——第三節(jié):視覺(jué)設(shè)計(jì)

為了利用平臺(tái)化的功能,歷史上第一批移動(dòng)網(wǎng)站不得不在很多方面做出“讓步”,因此遠(yuǎn)達(dá)不到“佳作”的水平。而如今,功能更加完備的設(shè)備讓我們有機(jī)會(huì)打造出更具視覺(jué)吸引力的設(shè)計(jì),這些設(shè)計(jì)不僅能夠刺激和吸引用戶,更能夠提高用戶體驗(yàn)的實(shí)用性。不過(guò),機(jī)會(huì)的出現(xiàn)同時(shí)也伴隨著挑戰(zhàn)。

UX與UI不是對(duì)立而是共生

藍(lán)藍(lán)設(shè)計(jì)的小編

UX與UI不是對(duì)立而是共生

Web端的用戶體驗(yàn)(UX)是指人們?cè)谑褂镁W(wǎng)站時(shí)所獲得的抽象感覺(jué)。用戶界面(UI)則是指人們的交互對(duì)象,是用戶體驗(yàn)的一個(gè)組成部分。

Metro界面欣賞

藍(lán)藍(lán)設(shè)計(jì)的小編

Metro風(fēng)已來(lái)襲,10套Metro界面欣賞:

Metro界面-3

哪些技巧可以幫你跟沉悶枯燥的網(wǎng)頁(yè)設(shè)計(jì)說(shuō)拜拜?

藍(lán)藍(lán)設(shè)計(jì)的小編

skills-make-website-fabulous-1

編者按:給你的作品來(lái)點(diǎn)調(diào)味料!不甜不咸不辣的菜很難吸引到吃貨,想搞定他們的口味,設(shè)計(jì)師得學(xué)會(huì)給作品加點(diǎn)不一樣的,今天@AnyForWeb_UDC 同學(xué)總結(jié)了幾個(gè)讓網(wǎng)頁(yè)變得與眾不同的小技巧,來(lái)漲姿勢(shì)咯。

如何搞定應(yīng)用界面設(shè)計(jì)-構(gòu)圖篇

藍(lán)藍(lán)設(shè)計(jì)的小編

人家設(shè)計(jì)得真好!”可是好在什么地方呢,卻說(shuō)不出來(lái)。這是阻擋你成為優(yōu)秀設(shè)計(jì)師的一大障礙。設(shè)計(jì)是我們的本行,不會(huì)用設(shè)計(jì)語(yǔ)言來(lái)解構(gòu)畫(huà)面,是說(shuō)不過(guò)去的。

iOS 8人機(jī)界面指南:UI設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

1.1 為iOS而設(shè)計(jì)(Designing for iOS)

iOS 的革新關(guān)鍵詞如下:

  • 遵從UI能夠更好地幫助用戶理解內(nèi)容并與之互動(dòng),但卻不會(huì)分散用戶對(duì)內(nèi)容本身的注意力。
  • 清晰:各種大小的文字應(yīng)該易讀,圖標(biāo)應(yīng)該醒目,去除多余的修飾,突出重點(diǎn),很好地突顯了設(shè)計(jì)理念。
  • 深度:視覺(jué)的層次和生動(dòng)的交互動(dòng)作會(huì)賦予UI新的活力,不但幫助用戶更好理解新UI的操作并讓用戶在使用過(guò)程中感到驚喜。

日歷

鏈接

個(gè)人資料

存檔