首頁

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

博博

用戶體驗設(shè)計的精髓,在于恰到好處的設(shè)計出最合適的用戶場景體驗,而這種體驗是不知不覺給予用戶同時能讓用戶在觸點的那個瞬間怦然心動,那如何讓用戶心動呢?阿里同學專門組建了一個團隊來研究這方面,現(xiàn)在初步方法有了,來學 >>>

古人云:“動人心者,莫先乎情?!保瑯拥奈覀儚募s翰.奈斯比特的語言中窺見:”無論何處都需要高補償?shù)那楦?,社會中高技術(shù)的越多,我們就越渴望高情感的環(huán)境,用設(shè)計軟性的一面來平衡技術(shù)硬的一面。設(shè)計作為人的創(chuàng)造性活動,不是摒除激情或者情感,而是要創(chuàng)造一種中性的、能容納和激起使用者情感的東西,這種東西是一種境界?!?

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

用心設(shè)計

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

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

Image title

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

用心設(shè)計

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

這一點都不人性化好嗎?

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

appletv

一次移動記賬App的設(shè)計探索

用心設(shè)計

在一天的使用過程中,我很可能存在多次記賬的需求,這也意味著我會頻繁打開這個產(chǎn)品,簡單和可以讓我更快的完成任務(wù)。記賬因為涉及到資金這個問 題,所以它同樣需要一定的安全性。如果要給這個 App 一個定位的話,我認為它是一款 “能滿足大眾基本記賬需求的輕便的移動記賬 App ” 。

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

一次移動記賬 App 的設(shè)計探索

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

周周

design-status-improve-ux-1

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

微信的背后 | 當我們設(shè)計架構(gòu)時,我們在想什么

用心設(shè)計

weixinbeihou

從0開始設(shè)計一款A(yù)PP產(chǎn)品架構(gòu)時,我們在想什么?

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

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

用心設(shè)計

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

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

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

博博

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

使用字體圖標的優(yōu)勢

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

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

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

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

用心設(shè)計

對于網(wǎng)頁瀏覽者來說,按鈕控件的幾種變化可以說是再熟悉不過的一種機制了:一般使用鼠標瀏覽時最容易感受到的有 Normal、Hover 以及 Archive 這三種效果,分別為按鈕平時的狀態(tài)、鼠標游標移到上方的效果、以及點擊按鈕時的效果。

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

帶你看世界!20個巧用地圖元素的優(yōu)秀網(wǎng)頁設(shè)計

博博

20-maps-elements-websites-1

多數(shù)時候,我們在網(wǎng)頁中看到的地圖,都是用百度/谷歌地圖來顯示公司、機構(gòu)或者店鋪的地理位置。然而,地圖在網(wǎng)頁中的使用真的就只能這么單調(diào)么?

加入一點想象力,添加一些技術(shù)支持,你會發(fā)現(xiàn)地圖可以讓整個網(wǎng)頁的逼格拔高不止一個層次!

將原始的、額外加入的地圖元素轉(zhuǎn)化成極具吸引力和視覺沖擊力的組成部分,需要進行相當程度的調(diào)整,加入和互動元素:微妙的動效、基于多媒體的工具、動態(tài)指針、扁平化的風格、Lowpoly風的插畫、現(xiàn)代風的線條圖標,甚至是略顯古怪的草圖也能讓地圖煥發(fā)出生命力。

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔