🔥 ก็แจกไปเลยสิคะ !! 😁
.
🌈 แอดไปเจอของดีมาให้เพื่อน ๆ อีกแล้วจ้า !! กับบทความดี ๆ ที่เขาได้รวบรวมเว็บไซต์สำหรับสาย UX/UI ไว้มากกว่า 60 เว็บ !! เยอะมว้ากกกก ❤️
.
👉 ใครอยากได้ Resource ดี ๆ บอกเลยว่าห้ามพลาดเด็ดขาดเลยจ้า ไม่ว่าจะเป็นฟอนต์ ภาพ ไอคอน วิดีโอ Mockup ต่าง ๆ ที่จะช่วยในการออกแบบ UX/UI แถมเว็บต่าง ๆ ในนี้เขาให้เข้าใช้งานกันแบบฟรีอีกด้วย
.
💥 ใครอยากไปตำเว็บดี ๆ เก็บไว้ คลิกเลย !!
https://dev.to/coderwatch/60-awesome-ui-and-ux-resources-for-developers-and-designers-2021-202
.
หวังว่าจะเป็นประโยชน์กับเพื่อน ๆ น้าาาา 🥰
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有2部Youtube影片,追蹤數超過89萬的網紅PAPAYA 電腦教室,也在其Youtube影片中提到,► 內容綱要 00:00 開場白 00:53 畫布建立 / 圖層管理 02:55 建立網格糸統 03:23 文字樣式 04:00 外掛安裝 05:38 自適應/響應式版面 07:52 圖片水平捲動效果 09:32 固定頁首 / 霧面玻璃效果 10:19 組件建立與修改 11:28 疊加圖層動畫 12...
「mockup ui」的推薦目錄:
- 關於mockup ui 在 BorntoDev Facebook 的精選貼文
- 關於mockup ui 在 Facebook 的最讚貼文
- 關於mockup ui 在 Social More Hk|小編分享小技巧 Facebook 的最讚貼文
- 關於mockup ui 在 PAPAYA 電腦教室 Youtube 的精選貼文
- 關於mockup ui 在 hktuto 設計教學 Youtube 的最讚貼文
- 關於mockup ui 在 UI Mockup Templates - Pinterest 的評價
- 關於mockup ui 在 What UI mockup tools can be used to produce Eclipse UI ... 的評價
mockup ui 在 Facebook 的最讚貼文
就是它以黑馬之姿擄獲了全球設計師的心!超人氣 UI 設計工具 Figma 快速上手!
► 練習檔下載
載點一 https://tinyurl.com/yej2fwtj
載點二 https://share.weiyun.com/A34153eN
Figma 官網 https://www.figma.com
► 小額贊助 Papaya 電腦教室 ☕️
ECPay: https://p.ecpay.com.tw/A1B71E8
Paypal: https://www.buymeacoffee.com/papayaclass
#Figma #Prototype #Mockup
mockup ui 在 Social More Hk|小編分享小技巧 Facebook 的最讚貼文
【UI設計師必備的Mockup工具】
有時候想將自己的UI設計放在網站或PPT上,但感覺少點什麼?可能你需要以下的MOCKUP工具/模版!經過高質量的包裝後,可以令設計在視覺效果上顯得更專業喔!
✧Mokup Frame
🔗 http://mokupframes.com/download/
免費下載的Mockup工具,支持Windows/Mac。
只需要上載設計圖/截圖,一秒生成高質感的Mockup圖片。
可以選擇不同設備,甚至更改背景顏色(可選透明)、角度、設備的顏色。而且雖然是免費工具,但輸出的圖片也沒有水印,超佛心!(不要在Show Watermark打勾)
✧MockUPhone
🔗 https://mockuphone.com/
小編最早開始使用的線上截圖設備模型生成器!
除了可以製作手機MOCKUP之外,也提供了平板、筆記本電腦、桌機等多種設備。上傳自己的截圖前要注要每部裝置的建議圖片尺寸!
✧Facebook Design
🔗 https://facebook.design/devices
Facebook Design的官方資源下載區,主要設備型號的模型都十分齊全,而且十分方便使用, 格式為PNG及Sketch。
✧Mockup.photos
🔗 https://mockup.photos/
如果你在尋找生活場景類的模型,Mockup.photos會很適合你!
不論是拿在手上的手機、還是還是放在桌子上電腦都有很多選擇!
✧The Mockup Club
🔗 https://themockup.club/
如果你需要一些不同角度的模型。這個網站可以免費下載很多高質量的實體模型,格式主要為PSD及Sketch。
✧Freebiesbug
🔗 https://freebiesbug.com/psd-freebies/mockups/
Freebiesbug 是一個收錄了各項免費設計素材資源的平台,包括不少高質素的Mockups模型。
By @socialmorehk #uiuxdesigner - Anna
👍 覺得實用記得按個讚再走喔!
-----------------------------------------------------
搶先看更多行銷、設計小技巧,請『追蹤』我們專頁
Instagram 每日更新行銷設計小技巧:
https://www.instagram.com/socialmorehk
。。。
#介面設計 #mockup #uidesign #uiux #socialmore #socialmorehk #設計 #行銷 #教學
mockup ui 在 PAPAYA 電腦教室 Youtube 的精選貼文
► 內容綱要
00:00 開場白
00:53 畫布建立 / 圖層管理
02:55 建立網格糸統
03:23 文字樣式
04:00 外掛安裝
05:38 自適應/響應式版面
07:52 圖片水平捲動效果
09:32 固定頁首 / 霧面玻璃效果
10:19 組件建立與修改
11:28 疊加圖層動畫
12:55 切換瀏覽頁面
13:57 Figma 社群資源
► 練習檔下載
載點一 https://tinyurl.com/yej2fwtj
載點二 https://share.weiyun.com/A34153eN
Figma 官網 https://www.figma.com
► Papaya 電腦教室 - 會員專區 (加入後可觀看會員專區的影片喔)
加入頻道會員 https://tinyurl.com/sxt3d2b
會員專區影片目錄 https://tinyurl.com/y6mvo38a
► 小額贊助 Papaya 電腦教室 ☕️
ECPay: https://p.ecpay.com.tw/A1B71E8
Paypal: https://www.buymeacoffee.com/papayaclass
► Papaya 剪輯影片所使用的軟體 / 素材來源
Camtasia Studio https://www.techsmith.com/video-editor.html
Adobe After Effects https://www.adobe.com/products/aftereffects/
Adobe Audition https://www.adobe.com/products/audition.html
Keynote https://www.apple.com/tw/keynote
Envato Elements https://elements.envato.com
Vecteezy https://www.vecteezy.com
Unsplash https://unsplash.com
#記得打開影片的CC字幕喔 #Figma #Prototype #Mockup
mockup ui 在 hktuto 設計教學 Youtube 的最讚貼文
網站UX 設計流程 又來啦!上集做完個 wireframe , 今集就可以開始做個 Prototype 出來啦 !
第一集 : https://goo.gl/jecQ08
Prototype : http://adobe.ly/2dirteE
mockup ui 在 UI Mockup Templates - Pinterest 的推薦與評價
Jan 8, 2021 - A UI mock-up is a realistic representation or a visual draft of the design of a website or a web/mobile application. A UI mock-up reflects the ... ... <看更多>