Dribbble ?作品隨便聊聊

Department Badges ?? ???

這是一組徽標設計,是作者 Montefusco 在加入公司後的第一個項目,他為公司的每個部門都創造了一個獨特的徽標。這些徽標色彩鮮明,表意性和識別性也很強,比方說設計部的徽章由一支筆和一隻眼睛組成,體現了藝術性和敏銳的觀察力,支持部門是兩隻手在擊掌,也很形象。值得我們借鑒學習的是作者的造型能力和色彩的運用,為了讓每個部門都與眾不同,使用了不規則的圖形輪廓和配色,能看到很多套路顏色,比如常用的紅藍配,綠藍配,紅黃配,可以注意一下顏色的細節,作者使用的綠色是冰綠色,就是純綠色往藍色旁邊靠近了一點。

Text recognition to-do app

一組很新穎的動效設計,據作者的說法是在探索文本識別。在打字的時候,App 識別出在 5 pm Fri 的時候有一個會議在 Cafe Misto 舉行,然後自動彈出了一個對話框,說距離 Cafe Misto 有三十分鐘的車程,是否需要提醒?滑動時間軸可以設置提醒時間。整個交互創意是很有趣的,界面雖然簡潔但是卻不失細節,布局和對齊方式都很舒服,不論是控制項還是文本的間距都很大,讓人不覺得界面擁擠,是現在流行的設計方式。動效很流暢,整個動效的節奏都是由快到慢的,快速的出現動畫可以帶來一種自信的感覺,慢速的收尾有一種從容,這是設計動效時間軸的一個小竅門最後鬧鐘變成對勾的小細節很有趣。

Pay By Drapo

由 Barthelemy Chalvet 設計的支付選擇界面,兩分屏的設計明確表示了兩種選擇。插畫的設計不錯,是最近流行的軸測圖,前段時間我也出過一個小教程感興趣的同學可以在歷史記錄中看下,這種兩分屏的構圖方式也值得借鑒。

ntf invitations / stand info

一個 Dashboard 設計,整體中規中矩,並沒有什麼好說的,從字體,頁面元素的大小和間距可以看出來頁面肯定是經過系統地設計的,空間很大比較透氣,是現在流行的設計方式。唯一要說的是配色,在頁面設計中,我們喜歡用 60% 30% 10% 來分配顏色百分之 60 是主體色,就是這裡背景的淺藍色,百分之 30 是輔助色,在這裡是白色的左側導航欄和右邊的 invite,百分之 10 是關鍵色,只有最想突出的元素和最想讓人點擊的按鈕才用,在這個界面中明顯是藍色。這個配色技巧能讓界面的層次更清晰。

推薦閱讀:

火星情報局:這版設計,「整段垮掉」!| 案例
wireframe,prototype,mockup到底有何不同?

TAG:用户界面设计 | 设计 | Dribbble |