【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 #設計 #行銷 #教學
同時也有4部Youtube影片,追蹤數超過7,740的網紅Riven 林育正,也在其Youtube影片中提到,今天這集〖Untitled 未命名〗設計師聊天單元,找來的朋友是視覺設計師林廷翰(大廷),從學生時期就認識他到現在,從本人的氣場不難感受到大廷對工作沈穩嚴謹的態度,但從這次訪談的過程中,竟意外發現他是一位中二病末期的患者,甚至許多設計靈感都來自於知名動漫作品⋯⋯ 而除了關於他的一些故事,我們還會與...
「mockup線上」的推薦目錄:
- 關於mockup線上 在 Social More Hk|小編分享小技巧 Facebook 的最佳解答
- 關於mockup線上 在 電腦玩物 Facebook 的最讚貼文
- 關於mockup線上 在 DavidKo Learning Journey Facebook 的精選貼文
- 關於mockup線上 在 Riven 林育正 Youtube 的最佳解答
- 關於mockup線上 在 夏榮慶Jimmy Youtube 的最佳貼文
- 關於mockup線上 在 夏榮慶Jimmy Youtube 的最讚貼文
- 關於mockup線上 在 mockup模擬圖合成術- Explore 的評價
- 關於mockup線上 在 Smartmockups 將網頁或應用程式畫面整合圖庫素材 - Pinterest 的評價
- 關於mockup線上 在 #提問#提問這種圖怎麼做的 - 設計板 | Dcard 的評價
- 關於mockup線上 在 【譹哥】教大家如何下載Friday night funkin 手機版(後面有試玩) 的評價
mockup線上 在 電腦玩物 Facebook 的最讚貼文
最近幾個月,我開始大量改用「 Mockup Photos 」這個合成照線上工具。在 2020 年初,「 Mockup Photos 」宣布將網站上所有的合成照模板,開放免費使用,數量多達 1500 張以上。
「 MockupPhotos 」上的合成照模板原創性很高,並且有很多變化利用情境。
我很喜歡的一個特色是,「 Mockup Photos 」有大量數位裝置搭配筆記、書籍、海報的合成照模板,可以做出有彈性的搭配利用:https://www.playpcesor.com/2020/07/mockup-photos-1500.html
mockup線上 在 DavidKo Learning Journey Facebook 的精選貼文
[遠端工作之員工有在工作嗎?]
有些人問說, 當遠端工作時, 如何知道員工有在工作, 是否有什麼規範?
首先, 我要說遠端工作是一個很棒的機會, 可以讓你知道哪些員工是好的員工.
基本上, 我們團隊看的是產出, 不是看你坐在位子上多久. 因此, 在每次的交付中, 都發現你的產出不佳, 不管是遠端或是在辦公室內工作, 這個員工是不太合適這份工作的.
因此, 我不太會去規範他們在遠端時一定要做幹嘛. 我只會看他的產出是否有高價值.
有人會提如果等到產出才知道他做的好不好, 這樣會不會太晚了?
是的.所以我們才會採取 agile 的做法. Agile 正是處理這問題的高手, 他強調要短週期, 要頻繁交付. 可以隨時給回饋, 不會最後才發現不是你要的.
(1) 利用短週期迭代, 讓我們團隊要頻繁交付. 兩週就一定要些東西出來
(2) 每天固定線上 daily scrum, 可以即時知道狀態和遭遇問題
(3) 我們在排 task 時都會有很多 review meeting, 檢視你的 UI mockup, design, code test cases. 你一有東西產生, 我們就一起看看做得如何
(4) 持續整合(CI) 機制, 程式一改壞馬上就被測試抓出來, 馬上要去修復
現在有沒有覺得 agile 真的很棒
mockup線上 在 Riven 林育正 Youtube 的最佳解答
今天這集〖Untitled 未命名〗設計師聊天單元,找來的朋友是視覺設計師林廷翰(大廷),從學生時期就認識他到現在,從本人的氣場不難感受到大廷對工作沈穩嚴謹的態度,但從這次訪談的過程中,竟意外發現他是一位中二病末期的患者,甚至許多設計靈感都來自於知名動漫作品⋯⋯
而除了關於他的一些故事,我們還會與大廷聊聊剛獲獎的金點最佳概念設計《兵體》的製作經驗,以及討論視覺設計師接案、上班等工作環境的比較,並透過回憶學生時期到這幾年的發展,來給予設計系大學生或剛入行的平面設計師們些許經驗分享。
00:00 開場寒暄
00:06 中二和熱血是靈魂的一部分!
01:31 字體設計、視覺合成、品牌視覺識別
02:08 經驗分享:實踐大學媒體傳達設計學系
06:00 作品集必備!Mockup 模擬圖合成術
07:17 經驗分享:金點設計獎
09:40 分享「兵體」設計過程
13:06 推薦設計師去製作一套字體嗎?
14:04 設計師協會
18:43 為什麼會想做視覺設計師?
19:18 平常常用的設計軟體有哪些?
19:51 一天平均花多少時間工作?
20:19 分享時間管理的方法
20:47 印象深刻的接案經歷或合作過程
23:41 給設計系大學生的建議
24:35 淺談台灣平面設計業界現況及工作環境
-
專訪金點最佳概念設計獎《兵體》作者——視覺設計師林廷翰
https://riven.design/2099
線上課程「作品集必備!Mockup 模擬圖合成術」
http://go.rar.design/39d7kh
-
💻 這是 Riven 的個人網站
https://riven.design
👨🏻💻 追蹤 Facebook 臉書動態
https://fb.me/riven.design
🖥 發摟 Medium 設計部落格
https://riven.medium.com
📱 在 Instagram 有幕後秘辛
https://www.instagram.com/scorpiusriven
👍 按讚 FB 粉絲專頁 - RAR 設計攻略
https://www.facebook.com/rar.design
🎧 Podcast 廣播聊天節目收聽
https://riven.firstory.io
📡 加入 Telegram 頻道會收到最新消息
https://t.me/rar_design
mockup線上 在 夏榮慶Jimmy Youtube 的最佳貼文
Adobe Dimension是專門給平面設計師用的3D軟體,在這段影片,我將利用Dimension提供的鏡頭工具,調整相機角度、改變3度空間,呈現出我們想要的各種畫面及構圖。
🎬 相關影片
👉 Dimension 新手入門 1 ▶︎ 套用免費3D圖庫- https://youtu.be/IuEjJENS_EM
👉 Dimension 新手入門 2 ▶︎ 移動 旋轉 縮放3D物件- https://youtu.be/PJidmlcCkW0
👉 Adobe Stock 線上圖庫 ▶︎ 套用 70000+ 免費素材- https://youtu.be/eeSskX5MFIw
👉 用Dimension做包裝設計立體提案- https://youtu.be/lYKef2U0B4o
👉 平面設計師專用的3D軟體 Dimension- https://youtu.be/LCSchw-dS1Y
錄影版本:Adobe Dimension 2020 Mac簡體中文版
#平面設計師專用3D軟體Dimension #AdobeDimension2020 #3D示意圖
| 訂閱頻道 |
https://goo.gl/NZzSgM 只要有新影片上架,你就會收到通知,立刻可以觀賞內容。
| FB | https://www.facebook.com/jimmyh519/ 這裡有Adobe軟體使用技巧、設計精采案例
| 好學校 Hahow |【Photoshop最重要的基本課】 https://hahow.in/cr/jhsiapscc
mockup線上 在 夏榮慶Jimmy Youtube 的最讚貼文
Adobe Dimension是專門給平面設計師用的3D軟體,Adobe 提供許多免費的3D模型,可以讓你把2D的平面設計快速做成立體化的視覺提案,在這部影片,我將為你介紹如何改變3D模型的大小、移動位置、以及旋轉XYZ軸不同的角度
🎬 相關影片
👉 Adobe Stock 線上圖庫 ▶︎ 套用 70000+ 免費素材- https://youtu.be/eeSskX5MFIw
👉 Dimension 新手入門 1 ▶︎ 套用免費3D圖庫- https://youtu.be/IuEjJENS_EM
👉 用Dimension做包裝設計立體提案- https://youtu.be/lYKef2U0B4o
👉 平面設計師專用的3D軟體 Dimension- https://youtu.be/LCSchw-dS1Y
錄影版本:Adobe Dimension 2020 Mac簡體中文版
#平面設計師專用3D軟體Dimension #AdobeDimension2020 #3D示意圖
| 訂閱頻道 |
https://goo.gl/NZzSgM 只要有新影片上架,你就會收到通知,立刻可以觀賞內容。
| FB | https://www.facebook.com/jimmyh519/ 這裡有Adobe軟體使用技巧、設計精采案例
| 好學校 Hahow |【Photoshop最重要的基本課】 https://hahow.in/cr/jhsiapscc
mockup線上 在 Smartmockups 將網頁或應用程式畫面整合圖庫素材 - Pinterest 的推薦與評價
Jun 1, 2016 - Smartmockups 是一個相當實用的線上工具,簡單來說,幫你把任何圖片或網址擷圖無縫結合到相片裡裝置 ... New Office Workspace Mockup PSD with Books. ... <看更多>
mockup線上 在 #提問#提問這種圖怎麼做的 - 設計板 | Dcard 的推薦與評價
可以找網路上免費的mock up 素材或是用photoshop 做出自己想要的效果 ... 若是不想用ps的話,也可以找直接線上生成模版的網站,如: ... ... <看更多>
mockup線上 在 mockup模擬圖合成術- Explore 的推薦與評價
薄霧書店合作的MOCKUP合成術工作坊,即將在10/25也就是這個禮拜天下午的14:00-17:00之間登場。課程的內容不會脫離線上課程的範圍,但是會把線上課程裡最重要的基礎跟 ... ... <看更多>