首頁

IOS中4種UI元素的可用性問題及優(yōu)化建議

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

這周又是一篇來自Nielsen Norman Group的文章。供參考吧,這種文章背后的思維模式甚至是精神才是最該汲取的,內(nèi)容本身反而是其次;這樣的東西看的越多,實(shí)踐當(dāng)中具有代表性的產(chǎn)品案例經(jīng)歷的越多,你越會(huì)發(fā)現(xiàn),設(shè)計(jì)這種事,在很多時(shí)候,無明無暗,無是無非,有的只是特定的產(chǎn)品、特定的資源、特定的情境、特定的用戶群體,以及所有這些因素混雜在一起之后擺在面前的需要不斷權(quán)衡、爭取或妥協(xié)的各種可能性。下面進(jìn)入正文。那些大的軟件公司,譬如Apple、微軟、Google等等,通常會(huì)為第三方app設(shè)計(jì)師們提供一系列設(shè)計(jì)指南。這樣做的目的在于

01-ios-design-guideline-mode-break-usability-test.png

濃縮的精華!從零開始帶你認(rèn)識(shí)的圖片格式WEBP

博博

image-format-webp-introduction-1

編者按:相信走在前列的設(shè)計(jì)師已經(jīng)知道了WebP這種圖片格式,比起JPEG、PNG 和 GIF ,它能在保證圖片精細(xì)度的同時(shí)縮小圖片體積,在 Google 的明星產(chǎn)品如 Youtube、Gmail、Google Play 中都可以看到 WebP 的身影,今天騰訊的同學(xué)@Hahn__ 研究后總結(jié)了一篇深度技術(shù)文《WebP 探尋之路》,不落人后,來學(xué)習(xí)吧。

想跟上大潮流,這篇熱門好文少不了:《我的征程是未來!帶你展望2015年最重要的網(wǎng)頁設(shè)計(jì)趨勢》

前言

不管是 PC 還是移動(dòng)端,圖片一直是流量大頭,以蘋果公司 Retina 產(chǎn)品為代表的高 PPI 屏對(duì)圖片的質(zhì)量提出了更高的要求,如何保證在圖片的精細(xì)度不降低的前提下縮小圖片體積,成為了一個(gè)有價(jià)值且值得探索的事情。

蘋果也躺槍!5個(gè)嚴(yán)重影響用戶體驗(yàn)的設(shè)計(jì)問題

周周

5-ux-mistakes-feel-stupid-1

編者按:今天這篇譯文聊的都是一些顯而易見,但特別容易犯錯(cuò)的用戶體驗(yàn)常識(shí),別說,光第二個(gè)問題的漢堡菜單已經(jīng)讓不少網(wǎng)站躺槍了。如果你木有系統(tǒng)的用戶體驗(yàn)知識(shí),把這篇提到的5個(gè)常見問題讀一遍,效果絕對(duì)大幅提升。

網(wǎng)頁設(shè)計(jì)新趨勢!教你輕松玩轉(zhuǎn)設(shè)計(jì)中的純色和漸變效果

博博

color-effact-1

編者按:純色和漸變在高手眼里不僅是顏色的組合,它們可以引導(dǎo)視覺焦點(diǎn)、渲染氛圍、傳遞情緒等等,是網(wǎng)頁設(shè)計(jì)新的一個(gè)流行趨勢。想運(yùn)用好它們,最要緊是在色彩搭配與透明度上下功夫,今天由一群設(shè)計(jì)師高手用真實(shí)案例給同學(xué)們上課,教你正確地利用它們。

在當(dāng)今這個(gè)充斥著先進(jìn)的和精妙風(fēng)格的世界中,誰曾料到,像純色和漸變這樣簡單的手法,竟能夠催化出創(chuàng)造力,并極大提升網(wǎng)站的美學(xué)水準(zhǔn)?現(xiàn)代網(wǎng)頁設(shè)計(jì)師們,證明了優(yōu)雅的插畫、精致的圖形和壯麗的照片,都能在彩色濾鏡效果下很自然地得到強(qiáng)調(diào)。氣氛煥然一新,網(wǎng)站開始變得光彩奪目。的確,它有助于解決某些問題。

網(wǎng)頁設(shè)計(jì)新趨勢!教你輕松玩轉(zhuǎn)設(shè)計(jì)中的純色和漸變效果

首先,彩色濾鏡能給網(wǎng)站耳目一新的外觀,卻不會(huì)增加負(fù)擔(dān) 。其次,它通過搭配傳遞各種情緒的色彩,很好地豐富了設(shè)計(jì)。第三,作為一層低透明度的遮罩,它不會(huì)掩蓋主背景的魅力,對(duì)于想要輕微淡化輪播圖或視頻區(qū)域,卻仍希望其吸引力不減的人 ,這點(diǎn)尤其有用。最后,它為前面的內(nèi)容提供了堅(jiān)實(shí)的基礎(chǔ),兼顧了可讀性。

這種方案能非常協(xié)調(diào)地與各種元素協(xié)作:提供強(qiáng)烈反差的白色、極受歡迎的扁平風(fēng)格元素,還有為項(xiàng)目增添精致微妙感的輪廓式圖形。

這里有些杰出的網(wǎng)頁設(shè)計(jì),示范了如何正確地運(yùn)用這項(xiàng)技巧。

無聲處聽驚雷!如何用微文案改善網(wǎng)站的用戶體驗(yàn)?

周周

micro-copy-improve-website-ux-1

為什么有些產(chǎn)品深入人心?他們的設(shè)計(jì)中,是什么使我們感覺親近、愉悅和高興?今天重點(diǎn)從微文案方面聊聊提升網(wǎng)站體驗(yàn)的方法,內(nèi)含不少優(yōu)秀案例,來看看國外網(wǎng)站的優(yōu)秀文案長啥樣。

想要App做得美,這些UI/UX設(shè)計(jì)趨勢你要知道啊

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

在國內(nèi),移動(dòng)端的發(fā)展遠(yuǎn)遠(yuǎn)超過網(wǎng)頁,初創(chuàng)公司們想拓展品牌都會(huì)首選手機(jī)App。那么你知道近期App設(shè)計(jì)風(fēng)格的趨勢么,想要做出不土、高逼格的App,以下的趨勢你是需要了解的。本文來自Medium文章,Mobile:2015 UI/UX Trend。虎嗅翻譯。

2015年最有價(jià)值的30個(gè)響應(yīng)式WORDPRESS主題

博博

2015-30-best-responsive-wordpress-themes-1

必須承認(rèn),Wordpress依然是目前最流行、最易用的內(nèi)容管理系統(tǒng),合理地使用Wordpress主題能夠讓你的網(wǎng)站化身千萬,適應(yīng)不同需求,不論是新聞門戶,還是時(shí)尚小站。

也正是這種強(qiáng)大的可塑性,使得用戶對(duì)于Wordpress主題有著極為旺盛的需求。經(jīng)典的Wordpress主題被人追捧,新的趨勢和需求也促使新的主題問世。這也是為什么每逢年底都會(huì)有年終Wordpress主題大賞,每年年初又會(huì)有許多用戶到處搜羅新的主題。

今天的文章,就幫大家總結(jié)了一下2015年截至現(xiàn)在最值得入手、最有價(jià)值的響應(yīng)式Wordpress主題,希望能給你幫助!

一次產(chǎn)品設(shè)計(jì)案例反思:場景重于邏輯

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

先給大家做個(gè)測試,根據(jù)下圖的流程,最后一步應(yīng)該返回哪個(gè)頁面(為了更能體現(xiàn)效果,建議大家拿出手機(jī)跟著步驟做):

與IOS正面交鋒!MATERIAL DESIGN只是獨(dú)辟蹊徑,并未全面勝出

周周

material-design-is-not-better-1

Material Design發(fā)布之時(shí),Google在設(shè)計(jì)領(lǐng)域做出的努力令我印象深刻。在這方面Apple一度遙遙領(lǐng)先。這種局面結(jié)束了。記得我以前總抱怨 Android設(shè)計(jì)的那套不統(tǒng)一、缺乏文檔、缺乏吸引力的暗色主題,還有模棱兩可的漢堡菜單的濫用。Material Design解決了其中很多問題。如今它提供了一套統(tǒng)一的設(shè)計(jì)語言,更明亮、色彩豐富,并且背后有深思熟慮的設(shè)計(jì)指南作為堅(jiān)實(shí)支撐。

產(chǎn)品思維, UX設(shè)計(jì)下一個(gè)趨勢?

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

當(dāng)想起用戶體驗(yàn),我們經(jīng)常會(huì)想到一款簡潔、美觀、易用產(chǎn)品的一系列功能,它讓我們的生活更簡單。針對(duì)用戶遇到的問題,產(chǎn)品試圖通過多種方法去解決, 功能僅僅只是這眾多可想出方法的一小部分。從產(chǎn)品的角度思考,意味著多維度統(tǒng)籌思考解決方案,包括特定用戶的問題、待解決方案、產(chǎn)品目標(biāo)、產(chǎn)品營收等維 度。

UX_001

日歷

鏈接

個(gè)人資料

存檔