“設計并非外觀怎樣,感覺如何。設計的是產品的工作原理?!?/p>
讓我們來看看一些小而美的交互實例,看看這些巧妙的動效是如何優雅地改善了用戶體驗。
選擇圓形一個最普通的原因就是它模仿指尖的形狀的能力下意識也將圓形元素與按鈕聯系在一起。因此,作為一條規律,你很容易發現行為召喚的按鈕(call-to-action buttons)應用在環形結構后,有相當一部分應用程序大肆地在設計中使用這一形狀。例如,音樂導向的應用,或者是可視化的鬧鐘以及時鐘都離不開環形結構。
藍藍設計本文的選例都是帶有明確的圓形風格的移動交互界面設計,這些界面自然地融入了UI設計流暢性,更多的可用性和吸引力。
Eli Williamson設計的Lock Screen Concept
使用絢麗的相片背景來吸引用戶的注意力。緊湊的排版,醒目的圓形圖案以及主體的白色給應用增加了雅致與空間感。
大部分人不喜歡填表單,因為人們來到網站,主要目的不是填表,而是瀏覽或者購買。精心設計的表單界面設計,使輸入變得流暢讓人心情愉悅,而糟糕的ui設計讓人扶墻吐血。那怎樣才是優秀的表單設計呢?頁面的布局、邏輯組織、視覺樣式等都是值得關注的細節,其中簡化輸入是最近常被提及的,在這里藍藍設計分享下自己工作中的心得…
增加輸入框高度,加粗字體,可以讓網頁上的輸入框看起來更容易填寫和閱讀。隨著電腦顯示器尺寸變大,這樣的輸入框也顯得更大氣。
與其讓人輸入不如提供選擇,選取內容只要點幾下,就自動填充進輸入框,不但可以減少輸入障礙,還能預防出錯??梢园讶魏蜗M臄祿龀蛇x取器,比如日期、顏色、地址或者歷史記錄等等。
舉個例子:前面的“對方開戶姓名”輸入框,需要填寫對方的姓名,如果對方名字里有漢字不認識該怎么辦呢?于是我們可以加上一個生僻字的選取器,如圖: