考考你的設計眼力-Can't Unsee
這是 Facebook 工程師 Alex Kotliarskyi 和他兩位小夥伴聯合做的小遊戲。 Alex 發現並不是所有的工程師和設計師都會注意到設計細節,但是他相信設計細節可以帶來巨大的影響,帶着這樣的信念做出這款非常考眼力的小測試。
小遊戲分爲三個等級:簡單→中等→困難,從字體、字重、配色、對齊等各種細節考驗。困難模式會有1像素的視覺偏差,非常考驗設計師的眼力,設計師可以好好玩一玩。
編程學習-Lrn
國外有不少編程學習的網站例如codecademy、Coursera,國內也有網易雲課堂,不過編程和英文是兩個不可分割的部分,有能力的話儘量還是純英文學習比較好。
如果你想學習基礎的前端知識,那隻要你把這個 App 打通關就行。 Lrn中的英文也比較簡單,不用擔心看不懂。通勤途中點幾下就能輕輕鬆鬆學習編程。
《Google的卓越設計原則 | Principles of Excellence》
Google UX 總監做了個美其名曰「產品設計三板斧」的文檔「Product Excellence」,介紹了這三把斧子:
專注於實用(Focused Utility)
針對的:集中於目標用戶的特定關鍵需求
必要的:解決問題所需的功能集
卓越的:特別注意那些大大超過預期的關鍵優勢
簡約的設計 | Simple Design
直觀的:即使是第一次使用,也讓用戶感覺熟悉且易於理解,容易上手成爲「專家」
和諧的:與其他工具無縫集成到人們的日常生活中
尊重的:留意用戶的時間、期望、隱私
精心策劃的執行 | Crafted Execution
強健的:有典型的可靠性、可訪問性和響應性
精心的:每一個細節都是有意爲之的,對整體都有貢獻
美妙的:讓人愉悅並建立自信的現代美學
《Unboxing Chrome - Redesigning the omnibox》
沒讀這篇文章之前,相信你可能不知道 Chrome 有超過20,000種交互使用場景、使用了超過95種不同的灰色陰影、在4種設計規範(谷歌規範、Material、Android UI、Chrome 品牌元素)中保持平衡。
去年8月份 Chrome 迎來了自己10週歲生日,與此同時 Google 的設計師們也完成了對 Chrome 的重新設計,也給我們帶來這篇文章,分享背後的設計故事,希望大家可以從中學習。
主要有以下幾個看點:
Chrome 的設計原則:Content, not 'Chrome'
爲速度而設計
爲了讓你更快地進行認知處理,刪除沒用的視覺元素
打破間距規範,平衡 icon 與熱區
搜索地址欄的「半圓矩形形狀」&「灰色底色」背後的設計支撐
爲了巧妙地強化 Chrome 品牌,設計師從 Google、Chrome、Android logo 中抽象出「圓形」,再結合品牌形狀、Frank Stella 賽道系列的速度暗示,最終確定輸入框的形狀是「半圓矩形」
輸入框採用描邊的方法會導致信息層級不明顯、隱身模式不太兼容的問題;採用投影的效果,會有沉重的偏離中心的感覺;如果幹脆什麼都不要,那重要的 URL 信息就像是隨意放置的樣子,淹沒在大量信息中
採用底色的方式就可以解決信息層級、各種模式兼容的問題,而用灰色則是綜合考量瀏覽效率、可讀性、相關視覺規範而決定的