首頁(yè)

別具匠心!24款驚艷難擋的IOS APP網(wǎng)站著陸頁(yè)設(shè)計(jì)

博博

隨著iOS設(shè)備的大規(guī)模普及,優(yōu)質(zhì)的iOS應(yīng)用如同雨后春筍般層出不窮。每天都會(huì)有驚艷的iOS應(yīng)用涌現(xiàn),從社交媒體到隔壁老王,你會(huì)從各種不同的渠道聽(tīng)到它們的名字,被不同的人安利。通常,這些優(yōu)質(zhì)的APP都會(huì)有一個(gè)逼格不低的官方網(wǎng)站,經(jīng)過(guò)精心篩選之后,我們優(yōu)選出24個(gè)品質(zhì)不錯(cuò)的iOS APP的官網(wǎng)。這些網(wǎng)站有的簡(jiǎn)約,有的優(yōu)雅,有的好玩,其中總會(huì)有幾個(gè)令人愛(ài)不釋手。

高級(jí)技巧!有什么方法可以打造“觸動(dòng)人心的設(shè)計(jì)”?

博博

用戶體驗(yàn)設(shè)計(jì)的精髓,在于恰到好處的設(shè)計(jì)出最合適的用戶場(chǎng)景體驗(yàn),而這種體驗(yàn)是不知不覺(jué)給予用戶同時(shí)能讓用戶在觸點(diǎn)的那個(gè)瞬間怦然心動(dòng),那如何讓用戶心動(dòng)呢?阿里同學(xué)專門(mén)組建了一個(gè)團(tuán)隊(duì)來(lái)研究這方面,現(xiàn)在初步方法有了,來(lái)學(xué) >>>

古人云:“動(dòng)人心者,莫先乎情。”,同樣的我們從約翰.奈斯比特的語(yǔ)言中窺見(jiàn):”無(wú)論何處都需要高補(bǔ)償?shù)那楦?,社?huì)中高技術(shù)的越多,我們就越渴望高情感的環(huán)境,用設(shè)計(jì)軟性的一面來(lái)平衡技術(shù)硬的一面。設(shè)計(jì)作為人的創(chuàng)造性活動(dòng),不是摒除激情或者情感,而是要?jiǎng)?chuàng)造一種中性的、能容納和激起使用者情感的東西,這種東西是一種境界?!?

產(chǎn)品經(jīng)理和設(shè)計(jì)師應(yīng)該了解的幾何設(shè)計(jì)學(xué)

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

今天我們來(lái)聊聊如何理性的進(jìn)行設(shè)計(jì),談?wù)?/span>產(chǎn)品經(jīng)理和設(shè)計(jì)師在工作的過(guò)程中怎么樣把幾何學(xué)融入到作品中。幾何設(shè)計(jì)學(xué)的由來(lái)設(shè)計(jì)本來(lái)就是一種理性的科學(xué)門(mén)類,審美因人而異,只有言之有理的設(shè)計(jì)才能說(shuō)服別人,運(yùn)用幾何學(xué)的手法就是設(shè)計(jì)師的利器之一,科學(xué)的設(shè)計(jì)并不會(huì)限制你的創(chuàng)意,它只會(huì)幫助你的作品成為精品的必要手段之一。

從古至今,人類從自然界中得到過(guò)無(wú)數(shù)的啟示,其中就包含黃金分割。這個(gè)從貝類完美的生長(zhǎng)方式中提煉出的曲線,改變了所有人的審美。

Image title

拿什么拯救你,“尷尬”的UI界面?(一)

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

在我的小心臟都快停跳了的時(shí)候,我的電影突然出現(xiàn)了。

這一點(diǎn)都不人性化好嗎?

相比之下,播放影片的界面就好多了。在遠(yuǎn)程遙控上點(diǎn)擊”播放”后,屏幕中顯示出整潔的提示,告訴我影片即將開(kāi)始播

appletv

一次移動(dòng)記賬App的設(shè)計(jì)探索

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

在一天的使用過(guò)程中,我很可能存在多次記賬的需求,這也意味著我會(huì)頻繁打開(kāi)這個(gè)產(chǎn)品,簡(jiǎn)單和可以讓我更快的完成任務(wù)。記賬因?yàn)樯婕暗劫Y金這個(gè)問(wèn) 題,所以它同樣需要一定的安全性。如果要給這個(gè) App 一個(gè)定位的話,我認(rèn)為它是一款 “能滿足大眾基本記賬需求的輕便的移動(dòng)記賬 App ” 。

基于以上的思考,很快就產(chǎn)出了以下稿子:

一次移動(dòng)記賬 App 的設(shè)計(jì)探索

認(rèn)真就贏了!做好這兩個(gè)狀態(tài)可以迅速提高用戶體驗(yàn)

周周

design-status-improve-ux-1

編者按:今天這篇干貨聊的是人們最討厭的兩個(gè)狀態(tài) —— 軟件報(bào)錯(cuò)和加載緩慢。如何提高這兩個(gè)糟心狀態(tài)的用戶體驗(yàn)呢?作者從不少交互上的細(xì)節(jié)做了考量推敲,附上大神的意見(jiàn)和實(shí)戰(zhàn)案例,特別有現(xiàn)實(shí)參考價(jià)值。

微信的背后 | 當(dāng)我們?cè)O(shè)計(jì)架構(gòu)時(shí),我們?cè)谙胧裁?/a>

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

weixinbeihou

從0開(kāi)始設(shè)計(jì)一款A(yù)PP產(chǎn)品架構(gòu)時(shí),我們?cè)谙胧裁矗?

不妨來(lái)看看微信產(chǎn)品架構(gòu)的背后,或許你會(huì)有自己的答案。

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì)

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

對(duì)于第1個(gè)問(wèn)題我是這樣考慮的。首先確定產(chǎn)品的用戶群和使用場(chǎng)景,這里的用戶群是產(chǎn)品中實(shí)際存在的、互斥的幾個(gè)群體,分類方法很多,以產(chǎn)品自身特征來(lái)確定,也可以在前期用研的基礎(chǔ)上來(lái)確定?;诖怂悸肪彤a(chǎn)生下面的一個(gè)思維圖:

交互探討:以用戶場(chǎng)景和產(chǎn)品需求導(dǎo)向的設(shè)計(jì),優(yōu)界網(wǎng)

如何把你的圖標(biāo)轉(zhuǎn)換成web字體

博博

在這篇教程中,我們將看看如何使用一個(gè)免費(fèi)的Web應(yīng)用程序IcoMoon將矢量圖轉(zhuǎn)換成Web字體。然后在看看如何使用生成的字體通過(guò)css應(yīng)用到Web頁(yè)面中。

使用字體圖標(biāo)的優(yōu)勢(shì)

字體圖標(biāo)除了圖像清晰度之外,比位圖還有哪些優(yōu)勢(shì)呢。

適用性:一個(gè)圖標(biāo)字體比一系列的圖像(特別是在Retina屏中使用雙倍大小的圖像)要小。一旦圖標(biāo)字體加載了,你的圖標(biāo)就會(huì)馬上渲染出來(lái),不需要下載一個(gè)圖像。

可擴(kuò)展性:圖標(biāo)字體可以用過(guò)font-size屬性設(shè)置其任何大小。這使您能夠隨時(shí)輸出不同大小的圖標(biāo),然而,使用位圖,你必須得為每個(gè)不同大小的圖像輸出一個(gè)不同文件。

讓設(shè)計(jì)跟著指尖走:觸控設(shè)備上的互動(dòng)效果

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

對(duì)于網(wǎng)頁(yè)瀏覽者來(lái)說(shuō),按鈕控件的幾種變化可以說(shuō)是再熟悉不過(guò)的一種機(jī)制了:一般使用鼠標(biāo)瀏覽時(shí)最容易感受到的有 Normal、Hover 以及 Archive 這三種效果,分別為按鈕平時(shí)的狀態(tài)、鼠標(biāo)游標(biāo)移到上方的效果、以及點(diǎn)擊按鈕時(shí)的效果。

讓設(shè)計(jì)跟著指尖走:觸控設(shè)備上的互動(dòng)效果,優(yōu)界網(wǎng)

日歷

鏈接

個(gè)人資料

存檔