設計漸層的過度時,老是出現混濁的顏色?

Chromatic Sketch 能感知漸層中間色值進行調整,避開灰暗的顏色,快速製出好看的漸層 🌊

💎 報名 Sketch Workshop 更多好用外掛學到手 💎 https://old.accupass.com/go/uiuxcafe_sketch_1017

第三屆 Talk UX 國際使用者經驗設計論壇今年首次來台舉辦啦 🙋

為期三天的國際 UX 盛會,將會有來自 Google、Uber、IBM、Facebook 的 UX 領域相關工作者和大家分享寶貴的實戰經驗。最特別的是,這場活動由 Ladies That UX 主辦,因此講者都是女性呢!

除了講座以外,第三天更有好玩的工作坊讓你有機會和世界各地的 UX 設計師一起腦力激盪,激發創意的火花 😉

...

報名只到下禮拜!還不知道這個資訊的朋友們快上官網看看吧
👉 http://www.talk-ux.com/

See More

Launchpad 為一款 Sketch 插件,不需要寫程式也能將設計稿發布為網站,相當適合用在 Landing Page 上!

最新的 Launchpad 增加了動畫互動的功能,行動裝置上常見到的 Hamburger menu 效果也能實現,讓你的設計動起來吧 🐎

💎 報名 Sketch Workshop 提升設計力 💎 https://old.accupass.com/go/uiuxcafe_sketch_1017

成功的 Landing Page 能抓住使用者的心,提升網頁轉換率。

Good Web Design 蒐集豐富的 Landing Page 範例,並做了詳細的分類,例如導覽列、價格、FAQ、CTA 等設計。

省下茫然搜索的時間,來這裡擷取最棒的經驗吧!

...

💎 報名 Sketch Workshop 上手 UI/UX 設計 https://old.accupass.com/go/uiuxcafe_sketch_1017

See More
Good Web Design The best landing pages, organized by section About Submit Select filter ▾ All Nav Hero Features ▾ Single List Social Proof ▾ Testimoni
pics.ee

為設計產業打造的社群平台—Designer News,鼓勵設計師在此討論與分享有意思的影片、資源、網站等。

Designer News 採取使用者投票的機制,得到越多票數的新聞,能登上越前面的版面,被越多人注目。

想掌握最新、最潮的設計新聞,滑一下 Designer News 就對了!

Designer News is a community where design and technology professionals share interesting links and timely events.
pics.ee

在你成長的歲月裡,是否有那麼一個產品陪伴你走過風雨,卻在不知不覺中淡出你的生命?

對那些產品難以割捨的回憶,現在由 Product Graveyard 為他們刻上了墓誌銘,來看看產品的生平、功業與死因,好好回味一番。

對於產品設計師,則可以產品的致命傷為借鏡,避免犯下相同的錯誤。在悼念的同時,再參考 Product Graveyard 提供的產品新選擇,相信能帶來不少啟發。

...

讓我們擦乾淚水,一起向前看!

See More
Product graveyard is a collection of deceased products. We honor the dead while helping you choose the right alternatives to fill their shoes.
pics.ee

在團隊設計協作時,建立 design library 能進行有效的版本控制,確保設計的一致性。在龐大的設計案中,妥善整理各類的視覺元素,在溝通與交接上更顯重要。

Sketch 的雲端管理工具 Lingo 藉由 push 和 pull 的功能,輕鬆上傳或下載 symbol、style、artboard 等設計元件,並自動偵測不同版本相異處,即時與團隊成員分享設計的更動。

在 Lingo ,你可以一目瞭然所有分類下的設計元件,也可以快速複製、移動物件,或是加上備註與標籤,減少管理與搜尋的時間成本。

...

不妨試試 Lingo ,提升設計流程的效率!

See More
Everything your team needs to develop and maintain a visual language.
pics.ee

Sketch Material 能快速生成 UI 所需要的複雜元件,你可以直接開始編輯表格,或是複製貼上 excel 做修改。除此之外,表單、按鈕、Snackbar、Toast 的製作都變得更容易了,也有豐富的 icon 素材庫。

你唯一需要做的就是專注在設計上!

💎更多設計工具分享— Sketch Workshop 💎https://old.accupass.com/go/uiuxcafe_sketch_1017

設計使用者介面時,無論是行距、字距、顏色、陰影到排版的微調,都可能帶來很不一樣的使用者體驗。

在 Little UI Details 中,作者列舉了豐富的 UI 實例,透過比對的圖片發現原來一點小細節,有很大的差別!

💎上手 UI 的第一堂課— Sketch Workshop 💎https://old.accupass.com/go/uiuxcafe_sketch_1017

A collections of little tips from @steveschoger to improve your visual design skills with the little details that make a big difference
pics.ee

Sketch 的外掛 Blender , 能簡單、快速地進行色彩、形狀、線條、大小、位置的漸變,一鍵產生超美效果。對於撰寫 Deisgn Guideline 也有很大的幫助,能更輕鬆地製作字級、顏色的規範。

最重要的是 Blender 為台灣設計師自行開發的插件,快分享出去吧!

#自己的工具自己做 #感謝無私分享

Blender - A Blend tool for Sketch App.
pics.ee

因颱風而延期的 Prototype Workshop,在上個週末圓滿地結束了 👊

UIUX Cafe 想帶給大家的,不僅有最實用的軟體操作,還有各種優化設計效率的秘訣 👩‍💻 非常鼓勵想學習新設計工具的朋友來參加 Workshop,選對工具、用對方法,才能產出更高的設計價值

下半年的 #Sketch_Workshop#Prototype_Workshop 開放報名囉,報名即可享有軟體購買 #5折優惠

...

UIUX Cafe 最近也開始使用潮潮的 Figma 了,歡迎對 Figma 有興趣的朋友留言 🔊

👉10月 Sketch https://old.accupass.com/go/uiuxcafe_sketch_1017
👉11 月 Prototype https://old.accupass.com/go/uiuxcafe_pt_1117

See More
對火熱熱的UIUX充滿好奇嗎?正想了解「介面設計」卻不得其門而入嗎? � 無論您是學生、設計師或任何對UIUX有興趣的朋友們,不需要任何基礎,​都歡迎您來報名參加 Sketch Workshop!給自己一個週末的時間,來學習如何使用Sketch吧!
accupass.com

好的使用者體驗是一項產品成功的骨幹。

Really Good UX 打造了 UX 圖書館,內容收錄各類公司的產品介面,提供設計師良好的視覺範例,創造出更好的使用者體驗。

每一張介面截圖或產品操作影片的下方都加上了文字,說明值得欣賞與學習的原因,幫助你快速掌握 UX 的重點。

...

進入 Really Good UI,展開 UX 旅程,一點一點累積,一點一點靠近使用者 🏃

See More
A library of screenshots and examples of really good UX. Brought to you by Appcues.
pics.ee

“A pictures says more than a thousand words.”

你知道嗎?在電腦開始被使用的三十年後,圖形化使用者介面 (GUI) 才開始出現。我們現在所熟悉的桌面,在一開始並不存在。

icon 的誕生,是電腦往大眾邁進的一大步,History of Icons 這個網站將 icon 的歷史以「圖形化」的方式娓娓道來,展示了不同系統中、不同的 GUI 。

...

有趣的是,一些早期 GUI 的概念仍被沿用至今。快來找找你記憶深處的圖示!

See More
History of computer icons through different graphical user interfaces in different operating systems.
pics.ee

對 Google 充滿憧憬?別錯過由 Google 的設計師、工程師、文字工作者組成的 Google Design !

網站中,你能看到 Google 團隊所關注、最前衛的科技與設計新聞。如果你嚮往到 Google 工作,也可以在這裡找到相關的職缺訊息。

點進 Google Design,看見各種未來的可能 👀

At Google we say, “Focus on the user and all else will follow.” With this in mind, we seek to design experiences that inspire and enlighten our users.
pics.ee

Facebook Design 在昨天了推出了 Desktop Kit—Mac 桌面 GUI 大全,內容包含滑鼠游標、Safari、Chrome 等網頁瀏覽器,以及 macOS 的 Menu bar、Dock、Finder 視窗、通知中心等。

完整的 Mac 桌面 GUI 其實不容易取得,但現在,所有你需要的設計元件都在這裏了。

快來下載 Desktop Kit 的 Sketch 檔,加速設計流程!

如果你對 android 的介面設計有興趣,androidux.com 做了很棒的整理。

在網站中,你可以看到多種 Android app 介面歷年來的變化,還有不同型號的的鍵盤、地圖、播放器、導航列等的演進圖。

androidux.com 也為如何在 iOS 和 Android 的介面設計間轉換提供了指南。參考這個用心又有質感的網站,打造優質的 app 吧!

androidux.com | The very first android UX pattern site.
pics.ee

Framer Cheat Sheet 用了很棒的圖文說明如何製作各式的原型效果,搭配讀取程式碼順序的 gif 檔,讓你更理解每一行程式的意義,入門到進階的變化都難不倒了!

透過 Framer 可以撰寫出高擬真的原型,達到更好的溝通效果,別再擔心寫程式的能力不足,利用 Framer 小抄,一步步累積實力,跨越語言障礙!

善用這些豐富的資源,不斷變強與成長吧 💪

Combine the two to create powerful and flexible prototypes.
pics.ee

Daily UI 挑戰的作品讓你眼花撩亂、不知哪個設計值得參考?

Collect UI 每日嚴選好設計,在排版、字型、色彩的使用上帶來啟發,湧現更多的靈感。

除了給自己的挑戰,從 Daily UI 的百種分類中也能汲取設計師們寶貴的經驗,思考這個設計好在哪,掌握更佳的使用者體驗。

...

對於精進 UI 沒有頭緒嗎?來 Collect UI 探索吧!

See More
Daily inspiration collected from daily ui archive and beyond. Based on Dribbble shots, hand picked, updating daily.
pics.ee

中國最大的網路公司騰訊旗下包含騰訊網、即時通訊軟體 QQ、微信等,騰訊的 UX 設計團隊— ISUX (International Social User Experience) 負責其社交通訊與娛樂類產品服務的設計與研究。

騰訊 ISUX 的設計師發表了相當多關於體驗設計、用戶研究、前端技術的文章,不只可以看見大陸 UX 的趨勢,還可以了解這個全球規模的設計團隊所蘊涵的設計思維。

推薦給大家有空來這裡找尋靈感、吸收新知!

...

騰訊CDC(用戶研究與體驗設計)👉http://cdc.tencent.com/
騰訊 MXD (移動互聯網設計)👉http://mxd.tencent.com/

See More
Tencent Internet Social User Experience
isux.tencent.com

配色網站 Color Supply 透過點擊色相環找尋你喜愛的配色,還能看到顏色實際的搭配運用。如果對比色、相近色沒抓住你的感覺,也有三角、四角等配色法可以選擇。

挑選配色時,從網站概念、品牌形象、個人品味三個面向出發,能省去茫然摸索的時間。

以配色工具為開始,逐漸掌握用色的精髓吧!