資源描述:
《火星時(shí)代教程:app界面細(xì)節(jié)上氣質(zhì)提升》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫。
1、火星時(shí)代(www.hxsd.com)-中國(guó)移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)高端品牌!火星時(shí)代教程:APP界面細(xì)節(jié)上氣質(zhì)提升今天火星時(shí)代為大家分享的是有關(guān)APP界面設(shè)計(jì)的問題。如何在細(xì)節(jié)設(shè)計(jì)上提升氣質(zhì)?不得不說一些細(xì)節(jié)方面的處理確實(shí)能為產(chǎn)品界面提升逼格。隨著移動(dòng)端扁平化的設(shè)計(jì)推進(jìn),設(shè)計(jì)師朋友們往往將重心投入到視覺中去。例如:以設(shè)計(jì)精美著稱的Yahoo兩款明星App產(chǎn)品YahooWeather和YahooDigest,除了在產(chǎn)品設(shè)計(jì)上的極致和突出表現(xiàn)外,模糊和斜切的手法,給整個(gè)產(chǎn)品的品牌氣質(zhì)提升到了一個(gè)新的高度。YahooWeather不論是在
2、布局、字體和色彩的運(yùn)用上都顯得精致細(xì)膩,滑動(dòng)時(shí)高斯模糊的處理更是流暢平滑。YahooDigest的斜切突出了一個(gè)“破”,在不影響照片內(nèi)容的前提下,既能在視覺上顯得與眾不同,又能在排版上巧妙地為色彩標(biāo)簽留了一角之地,比起一刀平,更顯得靈動(dòng)而不失平衡感。國(guó)外的優(yōu)秀案例我們已經(jīng)看過很多了,然而中文App在視覺設(shè)計(jì)上,往往與西文App無法相提并論。由于各種原因,例如字體的硬傷等,即使依樣畫葫蘆也比原作遜色不少,這樣的無奈給中文App設(shè)計(jì)師們徒增不少煩惱。但江山代有人才出,讓我們也關(guān)注一下身邊,總結(jié)一下近年來一些優(yōu)秀的中文App如何
3、通過細(xì)節(jié)設(shè)計(jì),提升產(chǎn)品逼格的吧。選用符合產(chǎn)品氣質(zhì)的字體字體是設(shè)計(jì)師的重要武器之一,恰當(dāng)?shù)倪\(yùn)用字體,可以使產(chǎn)品的定位和情感的內(nèi)容加倍的表達(dá)。然則困擾著許多設(shè)計(jì)師的一件事是,不管是哪個(gè)平臺(tái),移動(dòng)系統(tǒng)中自帶的中!文!字!體!實(shí)在是太少了,且沒有什么特色。而內(nèi)嵌字體,則成為了一些追求完美App設(shè)計(jì)師們的一個(gè)解決方案?;鹦菚r(shí)代(www.hxsd.com)-中國(guó)移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)高端品牌!作為一個(gè)「交流故事,溝通想法」的寫作平臺(tái)App,簡(jiǎn)書為了優(yōu)化閱讀體驗(yàn),選擇思源黑體作為內(nèi)嵌字體,使用戶發(fā)布的不管是簡(jiǎn)體中文、繁體中文、還是日文韓文,都能
4、有比較理想的表現(xiàn)。食色的產(chǎn)品概念是和「生活家」們一起發(fā)現(xiàn)與分享城市中的美食,所以選擇了細(xì)膩精致的方正蘭亭纖黑作為主要的界面字體。用戶第一次使用,就能感受它與其它產(chǎn)品在氣質(zhì)上的不同。除了內(nèi)嵌簡(jiǎn)潔親和的非襯線體之外,諸如像Lohas樂活這樣小清新和強(qiáng)調(diào)自然生活感的產(chǎn)品,則會(huì)選用田氏宋體舊字形或者方正蘭亭刊宋之類的,既能體現(xiàn)古韻,又能使簡(jiǎn)練質(zhì)感的襯線字體來表達(dá)產(chǎn)品的定位和氣質(zhì)。巧用平面設(shè)計(jì)的排版技巧火星時(shí)代(www.hxsd.com)-中國(guó)移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)高端品牌!俗話說,越是家常的菜式越是考驗(yàn)大廚的功力,譬如番茄炒蛋。越是簡(jiǎn)單的
5、元素越是考驗(yàn)設(shè)計(jì)師,譬如白底黑字,或是黑底白字。而黑白搭配的美,我們可以從大師原研哉的作品中深切地體會(huì)到。白面之上,黑字是字也是裝飾,是點(diǎn)也是線。通過調(diào)整體積和間隔,錯(cuò)落地形成畫面,構(gòu)造韻律。IDEAT理想家的App,繼承了法國(guó)IDEAT雜志的理念,以展示設(shè)計(jì)、藝術(shù)和風(fēng)尚的「當(dāng)代生活」為主。App界面上除了內(nèi)容圖片之外,幾乎沒有黑白以外的其他色彩元素。通過襯以黑底的高亮白字,既是內(nèi)容又是裝飾,貫穿在整個(gè)App設(shè)計(jì)元素當(dāng)中;調(diào)節(jié)這些文字與其他內(nèi)容之間的間距,在排版上起到了作為點(diǎn),作為線,甚至作為面的不同功用。當(dāng)然,如果不是以
6、內(nèi)容為主的App,沒有太多的排版需求的話,不妨可以像iFashion,或者是飯本出品的精選限量美食App—ENJOY,通過直接了當(dāng)?shù)暮诰€分割,也是不失干脆利落的?;鹦菚r(shí)代(www.hxsd.com)-中國(guó)移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)高端品牌!水印式裝飾為圖片加分水印相機(jī)的成功告訴我們,用戶也很喜歡用水印來提升自己圖片的逼格,像Over這樣專注于照片裝飾的App,文字水印更是能賣出個(gè)好價(jià)錢。在產(chǎn)品界面上,水印式的題圖也會(huì)給人眼前一亮的驚喜。在一款高質(zhì)量畫報(bào)的App—火星時(shí)代(www.hxsd.com)-中國(guó)移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)高端品牌!Big里
7、,Big報(bào)的每一個(gè)題圖都經(jīng)過有針對(duì)性的水印式文字排版,力求讓用戶看到更大的世界,發(fā)現(xiàn)更多有「逼格」的內(nèi)容。排版上雖然只有文字和小量的裝飾,但字體和色彩的整體感都比較強(qiáng),統(tǒng)一和諧顯得十分大氣。更吸引眼球的海報(bào)式圖文分享除了產(chǎn)品本身,分享方式是為了讓更多不認(rèn)識(shí)的用戶來了解產(chǎn)品的一個(gè)途徑。如果只是一段文字配個(gè)圖是不是覺得已經(jīng)有點(diǎn)過時(shí)呢?海報(bào)風(fēng)格的圖片分享,是為了能在信息爆炸的時(shí)代抓住路人眼球的一個(gè)好方法,自然也需要更多的設(shè)計(jì)技巧。知道每日故宮App嗎,敢情十有八九的人都不是因?yàn)樗拿只蛘呷魏螐V告,而是因?yàn)樗赖暮?bào)。素雅而有
8、質(zhì)感的底圖,配合古色古香的字體,讓人驚艷的不是它反映故宮的歷史感,而是透出來的一股洗練的現(xiàn)代氣息。每日故宮傳達(dá)給用戶的不是一個(gè)「當(dāng)年故宮」,而是「今日故宮」?;鹦菚r(shí)代(www.hxsd.com)-中國(guó)移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)高端品牌!此外,對(duì)于用戶自己設(shè)計(jì)的App來說,把用戶的圖片和文字內(nèi)容合成在一個(gè)排版好的模版