三分鐘搞清iPhone X 設計尺寸和適配

被iPhone X刷了一天屏,到下午實在受不了各種標題寫著“iPhone X 適配、指南、設計稿” 內容卻是發布會回顧和手機介紹的標題黨。索性自己寫一篇只針對iPhone X適配的貼子,與適配無關的內容通通不要。

主流原型工具可用性測試橫向比較

可用性測試是指通過觀察用戶使用產品(或原型)的過程,記錄和分析用戶的行為和感受,以改善產品可用性的一系列方法??捎眯詼y試適用于產品前期設計開發,中期改進和后期維護的各個階段,是用戶中心設計的思想的重要體現。同時,由于它反映了用戶真實的使用情況,因此被視為一種不可或缺的可用性檢驗過程。

揭秘《不一樣的UI設計師》-究竟會讓你變的怎么不一樣?

靜電說:之前在自己迷茫的時候,很喜歡聽品冠的一首叫《我應該是什么模樣》的歌。是啊,每個人在自己的成長過程中,總不可避免的經歷迷茫,彷徨,挫折,大家也都在努力,希望能成為更不一樣的自己。新書《不一樣的UI設計師》已經上市將近一個月了,大家是否在第一時間購入了呢?很多小伙伴都有個疑問,那就是:《不一樣的UI設計師》到底哪里不一樣,這本書里有哪些我需要學習的內容呢?那么今天靜電來跟大家聊聊。   01\不一樣的工具-基礎中的基礎   近幾年Sketch及一些新的設計工具的流行不是沒理由的,大家都反應,Sketch做UI設計快,很快,很容易上手。但其中的一些小問題卻不斷,這次靜電在《不一樣的UI設計師》中總結了大家在工作工程中常見的問題以及解決方法給大家,比如:   Sketch如何轉PSD文檔? Sketch導出的圖片為什么顏色看起來有點不一樣? Sketch導出的圖虛? 如何看待Sketch與Photoshop?如何選擇?   其實,這就是我反復在教學過程中強調的-設計師的技術活。如果你不了解它們的原理,那么再怎么做也無法提升?!恫灰粯拥腢I設計師》希望從這些領域給你一些啟發。另外,我們也在書中為大家介紹了除了Sketch之外的多款工具,如Keynote,Flinto的用法。         02\設計也有套路?對!思維! 設計是一個思考的過程,請注意,過程大于結果。因此,我反復強調設計的呈現,是可以通過某些方法“推導”出來的,而不是拍腦袋拍出來的。商業設計師更應該有這方面的覺悟?,F在,越來越多的設計師會注重綜合素質的提升,這些綜合素質不僅僅是工具使用的6不6,還有更多秘而不傳的軟實力。比如:   有人問,你的設計稿為什么做成這樣? 你是否了解自己的用戶和設計的最終目標? 除了吐槽PM不懂設計,設計師如何做到有理有據? 設計(師)的價值到底在哪里?   是的,只有你提供的設計,提供的服務為客戶,為公司產生了價值,你才能成為一個有價值的設計師。從現在就開始不斷的問問自己:為什么要這樣做,而不是那樣做?   讓靜電來告訴你:“Why?”而非”How”   設計規范有啥用?做出來如何執行? 看看靜電親身的工作經驗所總結出的體系         03\十幾個原創高保真原型案例   當別的設計師都在做各種靜態的Mockup,各種靜態的設計稿,而你將設計稿做成可以直接在手機上展示的APP,那你可能就比另一些人更容易獲得贊同和支持。靜電在《不一樣的UI設計師》中,為大家帶來了新銳高保真原型設計工具Flinto的十幾個原創實例,可別小看這個絕密武器。因為經過靜電的親身驗證,Flinto現在已經足夠足夠的好用。   當然,在研究這些之前,我們需要了解動效的原理,讓靜電來教你一步步的了解如何解讀網絡中眼花繚亂的動效曲線吧。簡單易學,一看就會哈。   … 繼續閱讀

IOS 10 VS 11:一份全面深入的UI對比分析報告

WWDC 2017 Keynote 結束沒幾天,相信很多對 UI 設計有興趣的朋友應該很好奇?iOS 11?詳細的設計變動有哪些,但是自己的手機又不方便裝開發者版本,所以就讓我替各位踩雷吧。 兩個版本分別是?iOS 10.3,以及?iOS 11?beta 1,而由于后者尚未正式推出,因此某些設計有問題的地方,Apple 可能會在后續版本變動或修正,不過整體來說應該不會有大改變了。

ColorSupply:扁平化UI設計配色方案推薦

如何挑選顏色一直困擾著很多UI設計師,特別是對于新手來說,配色是一個很困難的問題,那怎么辦?答案就是——直接用大神的配色。 ColorSupply?收集了來自世界各地設計師的色彩搭配方案,不僅如此,它還按照五大配色方案來分類,這樣更加方便設計師們選擇顏色了!同時這些配色非常適合扁平化設計使用,比如圖標或者矢量插畫。

給新人的設計資源私藏網站推薦

很多人不善于整理自己的網站資源,沒有系統的分門別類,都是一些零散的收藏,在用的時候找起來很麻煩。雖然有很多優秀的設計導航已經幫助大家分好類別,比如優設網的導航分類,但我覺得還是自己總結出來的更加適合自己,那今天就來分享一下我是如何來將這些設計網站來進行分類整理的(場景可能不全,大家自行補充)。

一個超酷計算器設計(Calculator 2.0)

這是一款超酷計算器作品,設計由產品設計師 Nikhil Kapoor 負責,擁有非常時尚的外觀以及金屬黑與金屬白二款風格,第一眼就能讓人喜歡。 這臺計算器的二款風格都是單色為主,另外有個共享的特色,設計師把視覺焦點放在「等于號」上,而且非常醒目。刪除鍵的設計則是以觸摸屏的形式。

交互設計師常用的14款工具推薦

正所謂工欲善其事,必先利其器。想要成為一個優秀的設計師,工具的使用也是至關重要的一個因素。那么今天筆者就為大家帶來交互設計師需要用到的工具清單。

微信官方發布的微信應用號(小程序)設計規范

微信小程序設計的基本原則是微信設計中心針對在微信類上線的小程序頁面總結的設計指南及建議。以下設計原則都是基于對用戶的尊重的基礎上的,旨在微信生態類建立有號、高效、一致的用戶體驗的同時,最大程度順應和支持各業務需求設計,實現用戶與程序的共贏。

設計師必看的8個TED 演講

本文的課程簡介摘自:網易公開課 TED是Technology、Entertainment、Design(科技、娛樂、設計)的縮寫,它本身是一場論壇性質的民間會議。 從大學時代就喜歡看網易公開課, 特別是TED這個版面的演講, 演講時間都控制在18分鐘以內

這些工具你會用嗎?常見設計工具視頻教程集錦

在產品開發過程中,最常用的展現構思的方式一般來說是紙筆原型,最簡單也最迅速,寥寥一畫,一個大致的線框圖就呈現出來了。但是如果想要把線框圖表現得更完美,你還是有很多工作要做噠~YouTube上一位大牛在他的視頻里展示了一套完整網絡郵件服務的紙質原型線框圖。

2017年不容錯過的最佳UX設計工具及教程資源整理

作為設計達人的你,目前正在用哪些設計工具來工作呢?如果非要做選擇的話,你認為它們中,哪些是最適用于做原型、線框圖、信息架構、用戶測試或者活動管理的呢?事實上,我們中大多數人,應該是傾向于選擇便宜、又不需要進行安裝,同時能提供良好用戶體驗的工具。

設計師必看:8處滿足原型設計的矢量圖標根據地

做原型設計時,我們往往感覺圖標素材不夠用,尤其是矢量圖標不夠。 矢量圖標是矢量圖的一種,這種圖形也叫做繪圖圖像,是各種設計中比較常用的圖片格式之一。