
設(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ì)吸引用戶看文字。