設報 · 首刊 —— 設計師必備,還有交互設計和前端。2018 第一期

「生活平淡,報紙枯燥。設計的大膽和浪漫假如還在這個世界上,應該最終會彙集到一個地方。

我們團隊出品的一個新欄目——就是這篇報文了。收斂講講,他最初的成因是我們團隊一直以來每天都會看很多的設計行業文章、資源素材、體驗工具、具體案例。很零散的放在微信群分享,可半個月十來天回頭一看,數量就很多了。

於是年前,我們就想能否做一做匯總,把我彎路省掉,分散和碎片化的閱讀經過整理,能給更多人省時間。(還得是可讀性高,規矩的那種。)

然後就想出了設報。一開始的名字曾經想叫 發月半報等,不過最終還是定了個極簡的名字。

?它會包括什麼?

這個問題其實等於 這半個月設計圈發生了什麼?

從最基本的素材工具、專業知識,到創意設計(看圖)、方法論、案例ux,再到行業信息,設計系統等(好文),我們都會進行匯總。

這個圖是我們對於設計信息的理解

所以每十多天,半個來月,我們就會發布設計圈的好多信息。以集中閱讀,方便各位。(且,為了不重複造輪子,我們盡量不和已有的另一個設計月報衝突,感謝!)

那麼漸入佳境

要有圖

  • 高看贊比的behance1、behance2、高看贊比的dribbble design、dribbble UI和fubiz

  • 一些instagram薦號(!國內上不了ins的童鞋可去insstar點cn,和instagram使用方法一樣,搜索id即可,點擊這個鏈接hobopeeba,乃就全懂了)
  1. 移動端請直接看:這個專屬鏈接
  2. PC端可以點擊如下id:silvirub、 jordhammond、 charlottecurd、 itsjoeyyu、 cianogrigio、 hobopeeba、 teaaalexis、 toby.harvard、 oamul
  3. 不用科學上網的少年也能去:silvirub、 jordhammond、 charlottecurd、 itsjoeyyu、 cianogrigio、 hobopeeba、 teaaalexis、 toby.harvard、 oamul

  • awwwards好站

leviev-group(7.6分)、studio-ouam(7.37分)、active-theory-v4(8.2分)、antoni(7.88分)

  • 年底設計賞1之skypixel評選的年度航拍最佳,實在好圖太多,不知道貼哪張了

  • 年底設計賞2之muzli設計評獎,5產品5網站5UI5機構,還有behance的年度優秀設計譯文

插件工具

  • Invision發布的一套UI kit,視頻還是一貫的燃

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

  • 在線預覽svg背景的效果,可以調節體積,顏色,透明度

  • 圖表插件chart,來自curated的第43推,順帶一提,我們之前的評測也會把好的插件寫到這裡來~功能很強大的圖表表單插件
  • LightPDF,一款圖片和pdf轉化工具,從about us哪哪都沒找到這工具是哪出的,不過還是很好用,不需要註冊,作為smallpdf的補充。 這個產品的博客還很「實在」的把所有同類型的寫出來了,這樣的好處是當每天轉化次數達上限後可以換一個使用。當然,為了營造更好的設計工具環境,還是建議大家尊重知識產權,理解伺服器消耗,付費更佳~

色彩related

  • 13個國家的設計師手動挑選的代表本國顏色的色板,荷蘭橙些,英國紅藍飽和度合適,美國現代。能感受到一些國別文化,就是中國的沒太看出特點。

  • 一些火爆產品的配色方案以及字體/反色效果瀏覽。

  • 來自我們行業交流群(可加微信個人ID:z20922092 歡迎入群呀)的種子用戶推薦,一款以明度和潘通色分析unsplash主色調的在線調色產品pigment,gif不是很清晰

設計系統

  • 各大公司設計系統或者pattern的庫(提供查詢和鏈接跳轉)——Adele,以表格方式呈現

如圖中github

行業資訊

  • 網易UEDC關於全鏈路設計的思考,還有交互規範設計思考與品牌設計思考,質量都很高
  • 一篇關於sketch高頻插件的匯總文,包含了非常基本的Sketch Runner,Rename It Font Finder等十幾個作者推薦插件。適合萌新~
  • justinmind對於17年10大產品設計的評選,都是非常常見的產品,比如dropbox,todolist,medium,airbnb。還有對2018趨勢的預測,比如無邊框化設計,明亮大膽的色調等,一直覺得justinmind的博客水平是這幾家工具blog里最高的。

  • mockplus對於18年設計趨勢的展望,也被muzli的博客轉載了,具體包括:重疊效果;漸變;簡單幾何;顏色飽和;illustration風格;語音驅動等趨勢。還有17年的優秀ux總結,17年優秀文章總結,感覺文章總結好些,年底太多總結了,能有一個匯總再好不過。

  • 跟本報類似,當然肯定比本報更優的prototypr也做feed流了,內含prototypr原創,和其他地方索引來的素材,方法論,資訊文章。

UX與案例

  • 來自騰訊isux,QQ支付的品牌案例,QQ空間的logo案例與一款新的編輯器設計案例
  • 人眼的錯覺的設計修正,來自融360UX,案例非常豐富,基本都考慮到了
  • 交互設計學院派的N大定律在(很多)案例中的思考:傳送門
  • 百度網盤的圖片瀏覽改善案例設計復盤,和百度語音DUBEST團隊的智能語音向設計思考
  • 17年medium巴掌最多的10個案例思路,這個非常不錯,但是需要英語
  • invision對於18年交互趨勢的撰文:UX design trends for 2018
  • babich對18年交互趨勢判斷的長文,12 Mobile UX Design Trends For 2018,包括:簡化用戶流程;更多手勢交互;大屏趨勢;用更有活力的顏色等趨勢

B端產品設計

  • 滴滴CDX的服務設計入門篇--理論與方法
  • 網易關於C端與B端設計的思考
  • 騰訊CDC的虛擬To B支付設計研究-海外研究篇

專業知識

  • 圖片比例與應用,比如1:1的圖片有何特點,哪更適用
  • 比較適合新人的,如何寫交互文檔,還有如何作出或畫出原型圖
  • 來自王M爭的,關於app頂欄設計的思考

其他

  • 本次推了很多ins號,這個產品可以檢查ins賬號是否真實,有多少殭屍粉的產品
  • 將網站框架中(比如bootstrap那種)沒用到的css等代碼精簡,2000星,purgecss
  • 一款集中了知乎日報、豆瓣一刻、果殼精選的安卓app-PaperPlan

寫在了新年伊始,都來自我們不尬不水的行業交流群(+微信管理員ID z20922092)歡迎入群。也相信下次會更佳。

感謝閱讀,請勿轉載。


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

相關閱讀

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

推薦閱讀:

從「註冊/登錄」來看一個產品的設計策略
淺談小紅書圖片標籤
每周設計精選 #4
一個文本框引發的思考
UI設計必背英語|003頁面

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