設報 · 第三期 —— 近兩周的設計最新的行業信息,方法案例 & 工具資源

什麼樣的工作比較可能給你快樂?第一,給你意義;第二,給你時間。當你的工作在你心中有意義,你就有成就感。當你的工作給你時間,不剝奪你的生活,你就有尊嚴。成就感和尊嚴給你快樂。」 -- 龍應台的《親愛的安德烈》

金三銀四,最近小群里聽到了挺多設計在找工作時的感悟,青年危機,中年危機,市場飽和種種老生常談,怎麼應對這些,你可以聽聽這期與我們合作的anyway.fm,一場關於「設計行業是不是吃青春飯」的辯論 ,就講到了每個設計在找工作時都思考過的事,anyway速來是「江南精緻化論文」范兒,旁徵博引的廣且深,我們一直推薦。

當然,最該做的是且一直會是不斷成長,找到自己。

那就進入設報正題~我們之前的兩期已出,小群也在日益壯大,這次晚更了些,主要是團隊鋪在了一個優秀的PS插件上。我們再強調一下國外網站英譯中的方法,然後看看最近的設計圈發生了啥

科學丄?需自己解決啦~

(很簡單,雖然很多人犯怵,但其實現在的瀏覽器翻譯就已經很優秀了。比如chrome瀏覽器右鍵一點的翻譯效果,早就過了四級水平。)

還是這個順序,漸入佳境。

要有圖

  • 高看贊比的behance 分享(含illustration UI/UX )與 優秀dribbble UI ,以及其他優秀交互動效1,優秀交互動效2
  • 30個優秀的dashboard設計,傳送門

  • 奧斯卡2018攝影構圖欣賞,來自Mark Seliger

  • uijar手工挑選的移動界面近期精選

  • 優秀的toggle設計欣賞,主要是動效

插件工具

  • Sketch官方推出的mac控制項合集,傳送門

  • PS圖像填充插件——甜蔥填圖,強推,能夠關聯自己的花瓣畫板,本地文件夾,或者unsplash搜索圖像填充,設計必備

官網首頁

https://www.zhihu.com/video/959840026260070400

官網視頻

  • 一款sketch插件,magic mirror,3.99$/month,在sketch里使用智能對象。

https://www.zhihu.com/video/959803941601570816

  • 這兩周呼聲特別高的overflow,我是覺得很多競品做的和他很像,別說競品了,sketch自己都出了連線,還在官博寫了。一開始真沒看出來核心競爭力,不過通過ph的討論,覺得他的特殊之處是強調了流轉箭頭的文字表現,說明了思路,也算是在原型跳轉圖中的一個革新吧。各位自行評價即可。(視頻流量3m)

https://www.zhihu.com/video/959808796176175104

  • 優設推薦,設計神器!超便捷的UI設計預覽網站Threed ,各個角度擺放你的mock

  • 非常推薦的Sketch插件SketchSeparateShapes,想很久了!看了這個動圖你就什麼都懂了,傳送門

  • Sketch插件,UI faces ,設計模型中使用的人頭像的聚合器。每張照片都經過處理並貼上年齡,性別,情感和頭髮顏色,以便於過濾和分類UI Faces – Avatars for design mockups
  • 優秀的圖表管理工具「器」兩分鐘認識一款優雅的圖標管理工具:Nucleo

基本都收集於我們不尬不水的收費行業交流小群(可+微信管理員ID z20922092)歡迎入群。

色彩related

  • 強推一篇顏色工具匯總,可能贊數不多,但能學一點。比如很多人可能不知道,dribbble可以按顏色搜索。然後我們用的最多的adobecc的顏色篩選這篇也有介紹,非常實用,老中青都適合

  • CSS漸變色生成器,功能非常全面,右下角的選項可以選擇漸變的布局,是之前介紹的漸變工具里沒有的。(漸變這個趨勢看來要常青啊。。類似的產品太多了)

方法案例

  • 雖長必推,foursquare的案例學習,傳送門在此,來自一位三藩的日本設計師,寫的東西方思考都有,本人受益頗多。

  • 也是強推的一篇,紐約時報app設計case復盤,當然了,英文不太好的也可以右鍵使用瀏覽器自帶的翻譯直接翻,個別動詞名詞可能不那麼到位,但通讀是沒問題的
  • 一個網易的nb案例復盤,電商「網易嚴選」網頁版原型分享
  • flat 風格的icon最終設計指南,同心圓,像素網格和開口思考都有提到。乾貨在muzli總是最高贊的,比如這篇,11000贊

  • 阿里巴巴(中國站)用戶體驗設計部博客 " 三維思考,UXD體驗設計的彩虹交換
  • 來自融360ued(非常高產,全部原創)信息雜亂無章?教你構建合理視覺層次,和情感化的模塊化(上)這兩篇質量都很高,推薦關注
  • 來自百度DUBEST,一篇譯的很好的內容很不錯的文 UI原則會話-網站聊天機器人設計全過程(下)同類型的一篇自然對話設計,來自知乎Z Yuhan 自然對話的基礎概念,也非常推薦大家關注這位高質量產出的HCIer。
  • 來自公眾號二手設計,那些很熟悉但又叫不出名字的設計法則之(六)——馮·雷斯托夫效應,案例多多,我們也只放上一篇,全系列請自行查看~

行業資訊

  • 來自魔神pablo stanley- -,最近也是轉的炒雞火,UI動效從入門到優秀,本來這篇應該是案例的,無奈咖位太大,提到行業資訊吧- -,還是有很多乾貨的

  • 來自騰訊cdc,轉發挺多的一篇文:如何有效的跨團隊、多角色溝通 (小聲:不太贊同最近他們的一篇keynote做交互的文啊)
  • 18年各個設計工具大廠都在明爭暗鬥,這篇文章從頭梳理了今年最好看的各個廠商,值得關注
  • 來自百度aiuedc轉發的甲子光年文章,《甲子光年》專訪設計院院長關岱松:感知類學科的盡頭都是心理學。雖然這篇文章寫的都是語音交互設計,小聲,也雖然這位院長十分擅長宮斗,但是百度的方法是非常對的,一切從最根源,用戶最難以言表的「反應」出發,才能做出最好的設計。
  • Framer官方出的sketch複製粘貼等功能插件。。。太開放的sketch:Design, code and collaborate.

  • 未來10年的沉浸式UI會變成什麼樣?uxdesign獲贊4400個,傳送門immersive-design-the-next-10-years-of-interfaces
  • 來自linkdein,2018年的design-in-tech設計ppt,對北美的設計前景與和ai等新趨勢的結合的非常好的slide,傳送門
  • 從Adobe AI到Affinity,這是一篇工具文,但是還是代表了一種趨勢,還是把它放在了行業資訊中。Transitioning From Adobe Illustrator to Affinity Designer
  • figma的組件結構設計思路,對軟體和設計系統可以更好理解並使用

  • 一份遲來的2018年設計趨勢,medium高贊

設計系統

  • 初窺設計系統,一篇uxplanet的比較general的設計系統文,建議新手讀讀
  • 顏色管理的多個生產類型軟體的橫向比較

B端產品設計

  • 阿里巴巴(中國站)用戶體驗設計部博客 " B類包裝行業線上互動鏈的重構 與 B類淘賣進貨平台設計語言升級
  • 優秀博文:後台產品的設計分析與思考

成長中的設計(寫給求知的早鳥)

  • 來自網易uedc——產品從0到1 新人設計師如何參與一個具體項目 | 入門文章
  • 表格設計 - medium4600贊的用戶友好的表格設計方法 傳送門

  • 如何設計好的用戶體驗?這篇文章用豐富的案例解釋了老牌尼爾森原則
  • 來自知乎airbnb團隊Airbnb愛彼迎設計:一個好的交互設計師是怎樣成長起來的,交互設計師應該具備什麼素質?
  • 10個實用小技巧,讓你的設計細節更高級-UI中國-專業用戶體驗設計平台 來自UI中國
  • 20個新手UX常用工具集合,包括了原型製作,顏色相關,各種常見工具匯總。

其他資訊

  • 一篇來自公眾號 設宴 的讀書筆記,雖長猶佳,寫的非常好《瞬間之美》web界面設計如何讓用戶心動 讀書筆記
  • 來自小群成員leeC,除了 Material Design 2,還有 20+ 個值得注意的新功能:Android P DP1 詳解 | 具透
  • 黑馬設計的公眾號,行行設設,也是繼續了我們上一期設報的話題,作品集:作品集準備好了嗎?
  • 我們的和馬力老師知群的合作,因為知乎沒法放二維碼,請搜索「知群」小程序,關注PxCook團隊的Xdesign,享受一手資訊 。

以上。

首發於我們不尬不水的不收費的小群(可+微信管理員ID z20922092)歡迎入群。也相信下次會更佳。

感謝閱讀,並請勿轉載。


——來自 PxCook 官方團隊,多年專註設計研發效率協作工具。我們的產品鏈接 =]

相關閱讀

  • UI自動標註神器,PxCook 3.0 ,高效的設計研發協作工具。只需1秒,生成標註代碼。
  • 設報 · 第二期 —— 設計行業信息,方法案例 & 工具資源
  • Flavor,Sketch插件味增,用強大的輔助功能和標註插件給你的設計加點料
  • 互聯網產品經理,交互,設計師的格萊美&奧斯卡?只是一小撮人的金貓獎

為下期設報,求動力一贊~


推薦閱讀:

你適合科技創新、設計創新的交互設計嗎?
蘋果iPhone X設計規範總結
移動端交互動效設計你怎麼看?
「完美」的字體系統搭建與維護指南
不想當美工,我該怎麼辦?

TAG:UI設計師 | 交互設計 | 設計師 |