青青青国产在线观看资源,456人成影院久久,无码免费在线观看不卡视频,色鬼国产激情久久-国产乱理论在线观看_久久精品中文字幕有码_免费观看不卡AV网址_91亚洲午夜一区

首頁(yè)

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

周周


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


好長(zhǎng)時(shí)間沒發(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ì)需求后,開始進(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ì)大家有些幫助。

設(shè)計(jì)師是不是真正的用戶?

用心設(shè)計(jì)

今天的文章,讓小編想起小時(shí)候大街小巷放的一首歌“……夢(mèng)中的夢(mèng)中夢(mèng)中人的夢(mèng)中……”(跟著唱出來(lái)的人請(qǐng)點(diǎn)個(gè)贊,沒錯(cuò),你暴露年齡了?。?dāng)你每天研究“別人家的孩子”、“別人家的狗”、“別人家的老公(婆)”的時(shí)候,你就不是你自己了,你只是一個(gè)“別人眼里的別人”。

技術(shù)與人性的碰撞!給設(shè)計(jì)師的用戶體驗(yàn)設(shè)計(jì)發(fā)展簡(jiǎn)史

周周

user-experience-brief-history-1

編者按:現(xiàn)如今,用戶體驗(yàn)設(shè)計(jì)師已經(jīng)成為開發(fā)和設(shè)計(jì)團(tuán)隊(duì)必不可少的成員。這一新興的職位到底是怎樣出現(xiàn),從何開始的呢?今天通過(guò)這篇文章,簡(jiǎn)單溫故一下用戶體驗(yàn)設(shè)計(jì)的隱秘傳承~

在聊用戶體驗(yàn)之前,先回憶一下上一次去餐館吃飯的經(jīng)歷吧。

交互設(shè)計(jì)與心理學(xué)關(guān)系

用心設(shè)計(jì)

交互設(shè)計(jì)是個(gè)跨學(xué)科專業(yè),其中,心理學(xué)便是其中很重要的一個(gè)部分。所以,如果你不想繼續(xù)僅憑直覺和死記硬背高大上的理論原則來(lái)從事交互設(shè)計(jì),如果你想成為優(yōu)秀的交互設(shè)計(jì)師,學(xué)習(xí)一定的心理學(xué)將是很有幫助也是很有必要的。這篇文章的主要目的就是初步地向大家介紹交互設(shè)計(jì)師至少應(yīng)該了解哪些基本的心理學(xué)理論。

優(yōu)秀的表格設(shè)計(jì)技巧~~第四篇

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

藍(lán)藍(lán)覺得在界面設(shè)計(jì)中,優(yōu)秀的表格設(shè)計(jì)技巧是非常基礎(chǔ),也非常重要的。所以從網(wǎng)上搜集轉(zhuǎn)載了此主題的一些文章,來(lái)學(xué)習(xí)~~這是第四篇!實(shí)際價(jià)格表的設(shè)計(jì)案例。感謝原作者!

如果我們?cè)谠L問(wèn)某些產(chǎn)品銷售類網(wǎng)站的時(shí)候,看到產(chǎn)品的價(jià)目展示用戶體驗(yàn),很大程度上會(huì)影響我們的購(gòu)買需求,所以說(shuō)我們?cè)谧约?、客戶的網(wǎng)站價(jià)目表格展示的時(shí)候,用上特有、簡(jiǎn)單、體驗(yàn)完美的HTML CSS樣式表格能夠提高用戶體驗(yàn)和產(chǎn)品的購(gòu)買轉(zhuǎn)化率。在這篇文章中,老左整理來(lái)自海外16款用戶體驗(yàn)優(yōu)秀的HTML CSS價(jià)格表格模板,并且附帶演示和下載,根據(jù)我們自己的實(shí)際需要添加整合到網(wǎng)站中應(yīng)用。

老左之前也有分享過(guò)2篇關(guān)于HTML樣式表格的資源:

8款設(shè)計(jì)師常用漂亮的HTML CSS表格樣式

6款漂亮HTML CSS樣式用戶留言表單

第一、帶圖片價(jià)格表模板

帶圖片價(jià)格表模板

優(yōu)秀的表格設(shè)計(jì)技巧~~第三篇

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

藍(lán)藍(lán)覺得在界面設(shè)計(jì)中,優(yōu)秀的表格設(shè)計(jì)技巧是非常基礎(chǔ),也非常重要的。所以從網(wǎng)上搜集轉(zhuǎn)載了此主題的一些文章,來(lái)學(xué)習(xí)~~這是第三篇!感謝原作者。

cover01

表格的應(yīng)用

DLIN:由于工作原因,經(jīng)常接觸到表格。我們發(fā)現(xiàn),表格不但廣泛的運(yùn)用在各類數(shù)據(jù)收集和分析,同時(shí)通過(guò)表格這樣一種二維矩陣來(lái)整理和陳列信息時(shí)(即便最后的展示方式并非一個(gè)典型的表格樣式),能夠很好的表達(dá)信息之間的邏輯關(guān)系,易于幫助理解橫縱信息之間的關(guān)系。

在實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用中,表格橫縱相互獨(dú)立又相互關(guān)聯(lián)的模式尤其適用于:

1.組織和展示大量的信息

表格簡(jiǎn)單的結(jié)構(gòu)不但能包含大量的信息,且同時(shí)保證信息的可讀性,便于讀者快速掃描信息、從大量的條目中找到所需的信息。

2.展示對(duì)比性信息

優(yōu)秀的表格設(shè)計(jì)技巧~~第二篇

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

藍(lán)藍(lán)覺得在界面設(shè)計(jì)中,優(yōu)秀的表格設(shè)計(jì)技巧是非?;A(chǔ),也非常重要的。所以從網(wǎng)上搜集轉(zhuǎn)載了此主題的一些文章,來(lái)學(xué)習(xí)~~這是第二篇!感謝原作者。

17

hardwear:想必多數(shù)同學(xué)曾經(jīng)學(xué)習(xí)計(jì)算機(jī)就是從Word開始,其中一項(xiàng)重要的學(xué)習(xí)任務(wù)就是創(chuàng)建表格,如今在網(wǎng)絡(luò)頁(yè)面里表格隨處可見,尤其是商業(yè)產(chǎn)品里充滿了大量的數(shù)據(jù),要沒有這些表格估計(jì)看內(nèi)容得吐血…… 表格形形色色,默默無(wú)聞的呈現(xiàn)著數(shù)據(jù),閱讀起來(lái)如何最為順暢,如何才能從表格里發(fā)掘出重要信息,有哪些可以對(duì)表格進(jìn)行的操作,梳理一下以供參考。

在后臺(tái)界面,表格對(duì)數(shù)據(jù)的維護(hù)和體現(xiàn)是最常見的,那么也推薦您看看一組驚艷的后臺(tái)管理界面設(shè)計(jì)

1.行高是表格瀏覽時(shí)的重要參數(shù)

行高是表格非常重要的參數(shù),行高間距直接影響著閱讀的體驗(yàn),有如同Omniture為了最大限度的放置數(shù)據(jù)內(nèi)容,強(qiáng)化數(shù)據(jù)顯示效果而降低行高的情況,也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。

2



優(yōu)秀的表格設(shè)計(jì)技巧~~第一篇

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

表格信息通常是很乏味的

從某種意義上來(lái)說(shuō),的確如此。一個(gè)好的表格應(yīng)該以易于理解,簡(jiǎn)單明了的方式傳遞大量的信息。真正的重點(diǎn)應(yīng)該 放在信息上, 對(duì)表格的過(guò)度設(shè)計(jì)會(huì)抵消這種作用。從另一方面來(lái)說(shuō),巧妙的設(shè)計(jì)不僅可以使一個(gè)表格更具吸引力, 而且可以增加可讀性。

今天我們來(lái)看看提升表格功能和美觀的幾種方式。我們經(jīng)常會(huì)在網(wǎng)上的價(jià)格頁(yè)上看到表格的應(yīng)用,因此主要以該種表 單為例。請(qǐng)記住這些原則可以應(yīng)用到任意類型的信息列表上(不僅限于<table>).

垂直,水平或矩陣?Vertical, Horizontal or Matrix?

一如以往,我們從最明顯的地方開始。第一步是決定表格的整體結(jié)構(gòu)。結(jié)構(gòu)取決于呈現(xiàn)數(shù)據(jù)的類型和復(fù)雜性。選擇 垂直的列還是水平行,通常取決于個(gè)人偏好。大致規(guī)劃下表單的內(nèi)容,然后決定采取哪種方法能更好地傳遞信息。很顯然,如果信息包含多變量,那么選擇矩陣來(lái)表示。下面分別以幾個(gè)簡(jiǎn)單案例來(lái)開始。

垂直

2015移動(dòng)APP設(shè)計(jì)趨勢(shì)潮流發(fā)布會(huì)

用心設(shè)計(jì)

App Store和Google Play里的app多如牛毛。很難說(shuō)未來(lái)的趨勢(shì)是什么,不過(guò)顯然我們可以輕易選出當(dāng)下的5種趨勢(shì)并加以分析。今天@十萬(wàn)個(gè)為什麼 同學(xué)簡(jiǎn)單歸納了當(dāng)下的5種移動(dòng)APP設(shè)計(jì)趨勢(shì),來(lái)漲姿勢(shì)吧。


看看時(shí)下的app中的顏色、創(chuàng)意和簡(jiǎn)單樸素,我們能從中學(xué)到一些設(shè)計(jì)移動(dòng)app的技巧。

移動(dòng)端字體7準(zhǔn)則

用心設(shè)計(jì)

能你聽過(guò)這說(shuō)法,好的字體是隱形的,不過(guò)更準(zhǔn)確來(lái)說(shuō),應(yīng)該是好的字體讓閱讀行為毫不費(fèi)力。

當(dāng)視線掠過(guò)一行文字時(shí),它是跳躍前進(jìn)的,我們稱之為掃視。你讀的不是字母,甚至不是詞語(yǔ),而是文字某部分的影像,大腦會(huì)補(bǔ)上它預(yù)期的內(nèi)容。如果超出大腦預(yù)料,它會(huì)促使眼睛回去核實(shí)假設(shè)十分正確。通過(guò)在字里行間創(chuàng)造平順的視覺流動(dòng),好的字體極度減輕了眼睛的負(fù)擔(dān)。

對(duì)任何字體工作者而言,在移動(dòng)設(shè)備上要面臨與生俱來(lái)的挑戰(zhàn):空間有限,環(huán)境光通常比較微弱。不過(guò)將已經(jīng)用于web端的技巧稍加調(diào)整,我們就可以提升移動(dòng)設(shè)備的易讀性。

日歷

鏈接

個(gè)人資料

存檔