Day023 - Activity Details

設(shè)計(jì)思路:

1、這個(gè)界面主要是瀏覽用途,然后引導(dǎo)用戶進(jìn)入“估”界面。

2、主要是考察設(shè)計(jì)師的排版功底,怎樣經(jīng)過(guò)版式設(shè)計(jì),讓畫(huà)面規(guī)整協(xié)調(diào),易于瀏覽。

3、首先,我給這個(gè)界面左右兩則分別留出40px的安全距離,一是文字距離邊界近不易于瀏覽,很擁擠的感覺(jué),蘋(píng)果自帶的應(yīng)用都留出40px以上的安全距離。二是與左上角的返回對(duì)齊,畫(huà)面會(huì)更加規(guī)整。

4、文字使用“兩側(cè)對(duì)齊”,這樣在兩側(cè)形成一條看不見(jiàn)的線,這樣就避免了文字與標(biāo)點(diǎn)符號(hào)在段落右側(cè)造成的不整齊,使整個(gè)畫(huà)面看起來(lái)非常的整齊。

5、文字使用PingFang -SC,細(xì)線體。因?yàn)檩^細(xì)的字體給人優(yōu)雅、輕松、親切、安靜、沒(méi)有進(jìn)攻性的感覺(jué),較適合藝術(shù)品相關(guān)的應(yīng)用。而較粗的字體則會(huì)給人以力量感、進(jìn)攻性、踏實(shí)、厚重、實(shí)力的感覺(jué)。

6、標(biāo)題使用40pt,正文使用32pt,有考慮過(guò)使用網(wǎng)易新聞那樣的36pt。但發(fā)現(xiàn)文字過(guò)大會(huì)給人大大咧咧、寬廣但不夠精巧的感覺(jué)。反復(fù)權(quán)衡后最終決定使用更加精巧優(yōu)雅的32pt。

7、圖文混排,需要每隔一段文字就放一張圖片,一個(gè)手機(jī)屏幕最多能看到兩張圖片。這樣做的原因:a、緩解用戶看文字的視覺(jué)疲勞。b、在視覺(jué)上形成段落感,讓用戶心理上感受看到一張圖片就仿佛看完一個(gè)段落了,心理上輕松了一大截。c、用圖片來(lái)表達(dá)一定的文字含義,即使不看文字也能了解到一些相關(guān)信息,幫助用戶判斷要不要看文字。當(dāng)然圖片若很出彩,那么也會(huì)吸引用戶看文字。

最后編輯于
?著作權(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),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,725評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,031評(píng)論 4 61
  • 平時(shí)我們?cè)谠u(píng)價(jià)某人說(shuō)話或?qū)懳恼碌臅r(shí)候,經(jīng)常用到一個(gè)詞——有邏輯! 比如,這人說(shuō)話“有邏輯,思路清楚” “這篇文章邏...
    cae6f12ddc62閱讀 389評(píng)論 0 0
  • 故鄉(xiāng)的路,像霧像雨又像風(fēng) 故鄉(xiāng),被稱為半山區(qū),據(jù)說(shuō)之所以如此,是因?yàn)殡S便進(jìn)入一個(gè)小鎮(zhèn),都是三面環(huán)山,只有一條通...
    A幸運(yùn)點(diǎn)閱讀 354評(píng)論 1 1

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