設計思路:
1、這個界面主要是瀏覽用途,然后引導用戶進入“估”界面。
2、主要是考察設計師的排版功底,怎樣經過版式設計,讓畫面規整協調,易于瀏覽。
3、首先,我給這個界面左右兩則分別留出40px的安全距離,一是文字距離邊界近不易于瀏覽,很擁擠的感覺,蘋果自帶的應用都留出40px以上的安全距離。二是與左上角的返回對齊,畫面會更加規整。
4、文字使用“兩側對齊”,這樣在兩側形成一條看不見的線,這樣就避免了文字與標點符號在段落右側造成的不整齊,使整個畫面看起來非常的整齊。
5、文字使用PingFang -SC,細線體。因為較細的字體給人優雅、輕松、親切、安靜、沒有進攻性的感覺,較適合藝術品相關的應用。而較粗的字體則會給人以力量感、進攻性、踏實、厚重、實力的感覺。
6、標題使用40pt,正文使用32pt,有考慮過使用網易新聞那樣的36pt。但發現文字過大會給人大大咧咧、寬廣但不夠精巧的感覺。反復權衡后最終決定使用更加精巧優雅的32pt。
7、圖文混排,需要每隔一段文字就放一張圖片,一個手機屏幕最多能看到兩張圖片。這樣做的原因:a、緩解用戶看文字的視覺疲勞。b、在視覺上形成段落感,讓用戶心理上感受看到一張圖片就仿佛看完一個段落了,心理上輕松了一大截。c、用圖片來表達一定的文字含義,即使不看文字也能了解到一些相關信息,幫助用戶判斷要不要看文字。當然圖片若很出彩,那么也會吸引用戶看文字。