給互聯網設計師和設計愛好者的簡報分享

考考你的設計眼力-Can't Unsee

這是 Facebook 工程師 Alex Kotliarskyi 和他兩位小夥伴聯合做的小遊戲。 Alex 發現並不是所有的工程師和設計師都會注意到設計細節,但是他相信設計細節可以帶來巨大的影響,帶着這樣的信念做出這款非常考眼力的小測試。

小遊戲分爲三個等級:簡單→中等→困難,從字體、字重、配色、對齊等各種細節考驗。困難模式會有1像素的視覺偏差,非常考驗設計師的眼力,設計師可以好好玩一玩。


編程學習-Lrn

國外有不少編程學習的網站例如codecademyCoursera,國內也有網易雲課堂,不過編程和英文是兩個不可分割的部分,有能力的話儘量還是純英文學習比較好。

如果你想學習基礎的前端知識,那隻要你把這個 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 信息就像是隨意放置的樣子,淹沒在大量信息中

採用底色的方式就可以解決信息層級、各種模式兼容的問題,而用灰色則是綜合考量瀏覽效率、可讀性、相關視覺規範而決定的

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章