- Видео 25
- Просмотров 19 776
設計師凱文 CreativeKev
Добавлен 6 фев 2024
坐标悉尼｜大厂交互/视觉设计师｜热衷于探索新的设计技巧、趋势，分享实战经验
7個Figma隱藏技巧｜提升效率 進階技能！
本期視頻快速學習一下7個工作中常用的Figma進階操作技巧！幫助你大幅提升工作效率！
影片目錄
00:07 複製Frame
00:40 移動8像素
01:17 FigJam連接線
01:56 批量添加圖片
02:16 自動命名圖層
02:43 批量編輯
03:30 Mirror設計預覽
影片目錄
00:07 複製Frame
00:40 移動8像素
01:17 FigJam連接線
01:56 批量添加圖片
02:16 自動命名圖層
02:43 批量編輯
03:30 Mirror設計預覽
Просмотров: 106
Видео
Figma文件存儲方式和歷史版本找回
Просмотров 12714 дней назад
3分鐘了解Figma中設計文件的存儲方式和如何找回歷史版本！ 影片目錄 00:07 設計文件的存儲方式 01:30 歷史版本紀錄和找回
安卓/蘋果App設計與交互方式對比｜Android vs. iOS
Просмотров 3,6 тыс.21 день назад
本期視頻快速總結一下安卓和蘋果系統中，各自在設計和交互方式上的主要區別。了解各自特點和區別，幫助產品更好地滿足開發要求、規範和平台用戶的使用習慣。 影片目錄： 00:20 設計系統系列課程 00:41 人機介面指南和Material design 01:14 度量單位 01:40 點擊目標（Touch target） 02:06 （安卓）系統導航欄 02:40 頂部導航欄 03:43 Toast&snack bar 04:21 頁面導航（轉場動畫） 05:47 Sheet 相關視頻： UI設計中的單位：ruclips.net/video/rcy0r-uK_ng/видео.htmlsi=NoBUAkyiFUnol6ys 谷歌的Material design：ruclips.net/video/dqfwQOZemeQ/видео.htmlsi=eujz4vuBaAxarfef 蘋果的人...
Figma組件屬性教學｜還不會用Figma component properties嗎？
Просмотров 382Месяц назад
本期視頻作為之前《組件全攻略》系列視頻的補充內容，詳細講解組件的四大屬性：變體（variants）、文本（Text）、布爾（Boolean）、實例互換（Instance swap）以及另一個很常用的功能 顯示內嵌實例（Espose nested instances） 視頻內容較長，大家可以選擇性觀看： 00:32 變體屬性 （Variants） 09:31 布爾屬性（Boolean） 12:48 文本屬性（Text） 14:44 實例交換屬性（Instance swap） 18:32 顯示內嵌實例（Nested instances）
Figma高級網頁交互動畫 ｜ 蒙版+視差滑動
Просмотров 259Месяц назад
本期視頻通過實際案例操作，講解如何在Figma中製作遮罩和視差滑動的交互動畫。讓你的設計更加高級，更有說服力！ ▼ 本期影片目錄 ▼ 00:48 頁面設計 04:07 製作蒙版動畫 08:17 添加原型交互 10:12 製作視差效果
Figma組件全攻略（三）：組件庫的建立與管理｜升級成為團隊核心設計師！
Просмотров 2632 месяца назад
本次系列視頻分為三部： （一）組件的基礎操作 （二）變體的命名與管理 （三）組件庫的建立與管理 幫助大家全面掌握建立設計系統的核心部分，幫助團隊優化流程、提升效率，並讓你成為團隊中的核心設計師！ ▼ 本期影片目錄 ▼ 00:30 小型項目的組件庫管理方式 03:04 組件的命名與路徑 06:30 團隊共享組件庫的建立與管理 09:47 隱藏組件
Figma組件全攻略（二）：組件變體的命名與管理｜建立高效的UI組件庫！
Просмотров 2692 месяца назад
本次系列視頻分為三部： （一）組件的基礎操作 （二）變體的命名與管理 （三）組件庫的建立與管理 幫助大家全面掌握建立設計系統的核心部分，幫助團隊優化流程、提升效率，並讓你成為團隊中的核心設計師！ ▼ 本期影片目錄 ▼ 00:11 什麼是組件變體Variants？ 00:48 創建變體 01:50 變體的命名方式 04:30 添加變體屬性 07:56 使用變體
Figma組件全攻略（一）：基礎操作｜全面掌握組件的基礎操作！
Просмотров 3052 месяца назад
本次系列視頻分為三部： （一）組件的基礎操作 （二）變體的命名與管理 （三）組件庫的建立與管理 幫助大家全面掌握建立設計系統的核心部分，幫助團隊優化流程、提升效率，並讓你成為團隊中的核心設計師！ ▼ 本期影片目錄 ▼ 00:24 組件Component的功能 01:03 創建組件 01:30 使用組件 02:38 修改組件 02:55 找到主組件 03:10 覆蓋屬性 04:33 断开連接 04:47 找回主組件
UI設計中的單位是什麼？｜設計尺寸與屏幕尺寸的關係是什麼？｜5分鐘了解px/ppi/dpi/pt/dp
Просмотров 4182 месяца назад
UI設計軟件中究竟在用什麼長度單位？px/ppi/dpi/pt/dp之間的關係是什麼？什麼是1080P？什麼是視網膜屏？ 今天分享的是UI設計基礎知識 長度單位，以及它們之間的關聯，幫助大家了解設計如何顯示在現實設備中。以及如何解決導出的圖片不清晰！ ▼視頻內容▼ 00:04 什麼是像素（Pixel）？ 00:21 什麼是分辨率（Resolution）？ 01:06 什麼是像素密度（ppi）？ 01:44 什麼是視網膜屏幕（Retina display） 02:03 什麼是1080P和4K？ 02:22 UI設計中的單位是什麼？ 02:35 邏輯像素vs物理像素 02:47 蘋果系統開發中的單位 pt 03:26 安卓系統開發中的單位 dp 04:02 為什麼導出的圖示模糊不清？
Figma Auto layout自動佈局教學2024｜利用Auto layout提升设计效率！｜體驗新版介面 UI3！
Просмотров 1 тыс.3 месяца назад
什麼是自動佈局Auto layout？自動佈局教學2024！ 今天分享的是Figma的核心功能 自動佈局 Auto layout。快速掌握提升效率的方法！ ▼相關視頻▼ 什麼是Design token？如何利用Figma中的variable實現Design token？ ruclips.net/video/W654rNYX428/видео.html ▼視頻內容▼ 00:16 什麼是自動佈局/Auto layout？ 00:35 學習使用自動佈局 04:16 設置響應式組件 05:16 設置響應式頁面 05:57 AI自動佈局Suggest auto layout 06:34 自動佈局與變量variable
什麼是人機介面指南?｜5分鐘了解蘋果的Human Interface Guidelines--UXUI設計師經典教科書！
Просмотров 2943 месяца назад
什麼是人機介面指南？UXUI設計師該如何使用Human Interface Guidelines？ 今天分享的是交互設計教科書之一的《Human Interface Guidelines》，5分鐘快速了解關於HIG的一切！ ▼相關視頻▼ 什麼是Google Material Design？ ruclips.net/video/dqfwQOZemeQ/видео.htmlsi=lBy6Jeqh2giRzdKr ▼視頻內容▼ 00:00 開場 00:11 什麼是Human Interface Guidelines？ 01:13 設計師該如何使用Human Interface Guidelines？ 02:51 Human Interface Guidelines重點內容總結
什麼是 Material Design｜5分鐘了解 Google Material Design！
Просмотров 4924 месяца назад
什麼是 Material Design？UXUI設計師該如何使用Material Design？ 今天分享的是交互設計教科書 Google Material Design，讓你了解關於Material Design的一切！ ▼相關視頻▼ 什麼是Design Tokens？ ruclips.net/video/W654rNYX428/видео.htmlsi=p0E6TlkTy7SBHKEI ▼視頻內容▼ 00:00 Introduction 00:15 什麼是Material Design 01:17 設計師該如何使用Material Design 02:48 Material Design 3 總結
澳洲UXUI設計行業你想知道的一切！市場需求｜敏捷式開發｜年薪｜面試
Просмотров 2134 месяца назад
關於澳洲UXUI設計行業你想知道的一切！ 本期視頻聊一聊2024澳洲UX/UI設計行業信息包括市場需求、團隊結構、敏捷開發（Agile）、薪資收入、面試流程！ ▼ 影片目錄▼ 00:00 Introduction 00:29 澳洲UX/UI設計市場需求 01:47 招聘網站 02:06 產品開發團隊構架/什麼是敏捷式開發(Agile)？ 04:53 澳洲UXUI設計師收入 05:38 澳洲UXUI設計師面試流程
2024 UXUI設計師都在用的AI工具｜改變產品設計行業的6款AI工具
Просмотров 3765 месяцев назад
2024 UXUI設計師都在用的AI工具｜改變產品設計行業的6款AI工具！ 本期視頻介紹6款UIUX設計行業目前使用人數最多的工具，每一款都足以幫你大幅提升效率，甚至改變你的工作流程！ 我會介紹每一款工具的優缺點以及在實際工作中的應用場景，以及分享一些最新的設計行業AI使用的數據調研。希望可以幫到你！ ▼ 影片目錄▼ 00:27 Figma AI功能介紹 02:15 Figjam AI功能介紹 03:46 Musho使用介紹 05:18 Uizard使用介紹 06:08 Midjourney與設計 06:49 ChatGPT與設計 07:58 AI會替代設計師工作嗎？ 相關視頻｜什麼是響應式網頁設計（RWD）？ruclips.net/video/Zkd0NXvbeNQ/видео.htmlsi=8oYc1vw5g0GcmJyk 00:00 開場 00:27 Figma中的AI功能 0...
6個UI設計技巧讓你的設計更高級｜UI設計經驗分享2024
Просмотров 2,1 тыс.5 месяцев назад
6個UI設計技巧幫助你的設計從平庸到高級｜UI設計經驗分享2024 今天分享的是我從過去的大大小小的項目中總結出的6個UI設計技巧。希望可以幫到大家把設計與實際項目結合，提升實戰經驗，也提高工作效率。 ▼ 影片目錄▼ 00:10 顏色使用技巧 | Colour 01:37 文字設計技巧 | Typography 03:35 間距設計技巧 | Spacing 04:33 視覺關聯性 | Proximity 05:10 一致性原則 | Consistency 06:36 UI設計終極秘密 ▼相關連接▼ 無障礙設計在線檢查：www.accessibilitychecker.org/ ▼相關視頻▼ 設計系統基礎教學：ruclips.net/video/X6qVOp4-YhA/видео.htmlsi=5xaKDuBSz8HBinAT 00:00 Introduction 00:10 顏色使用...
如何建立一個高效的設計系統？｜用簡單的方法做設計｜設計系統教學2024 - 進階篇 ｜Figma Tutorial 2024
Просмотров 6335 месяцев назад
如何建立一個高效的設計系統？｜用簡單的方法做設計｜設計系統教學2024 - 進階篇 ｜Figma Tutorial 2024
什麼是 Responsive Web Design 響應式網頁設計 (RWD)？响应式栅格系统详解2024 ｜Figma教學2024 ｜如何设置你的设计文件？
Просмотров 3965 месяцев назад
什麼是 Responsive Web Design 響應式網頁設計 (RWD)？响应式栅格系统详解2024 ｜Figma教學2024 ｜如何设置你的设计文件？
Figma 教學 2024｜高級原型設計--可交互购物App｜转场动效、加载动画以及利用variable实现逻辑运算！
Просмотров 3516 месяцев назад
Figma 教學 2024｜高級原型設計 可交互购物App｜转场动效、加载动画以及利用variable实现逻辑运算！
什麼是 Design Token ？｜Design Token 2024 詳解 ｜使用Figma variable（變量）創建顏色系統！
Просмотров 1,1 тыс.6 месяцев назад
什麼是 Design Token ？｜Design Token 2024 詳解 ｜使用Figma variable（變量）創建顏色系統！
什麼是 Design System｜如何快速建立一個設計系統？設計系統基礎教學2024｜设计系统基础篇
Просмотров 1,5 тыс.6 месяцев назад
什麼是 Design System｜如何快速建立一個設計系統？設計系統基礎教學2024｜设计系统基础篇
Config 2024 年會 | Figma 2024 年會發布了哪些新功能？10分鐘看完詳細總結！UXUI設計師不能錯過！
Просмотров 1,1 тыс.7 месяцев назад
Config 2024 年會 | Figma 2024 年會發布了哪些新功能？10分鐘看完詳細總結！UXUI設計師不能錯過！
Figma教學 2024 ｜ 零基礎快速掌握Figma｜ 最好用的UI/UX設計軟體入門教學
Просмотров 4,2 тыс.7 месяцев назад
Figma教學 2024 ｜ 零基礎快速掌握Figma｜ 最好用的UI/UX設計軟體入門教學
感谢分享❤超级实用！
学习了
超棒❤
謝謝分享 講解清楚易懂👍👍
看一個教學，裡面知識抵十個
講的太清楚了👍還學到很多額外知識，英文版的教學是看不太懂～感謝您的付出
謝謝大神 學習開發很有用
感謝支持
言简意赅 ❤
目前看过的最好的Figma课程，感谢分享！
结构清晰，逻辑合理，语言简洁 ⋯ 讲得真好，希望能多多分享～
多謝支持！
android現在底部也只是一條bar而已，而且好幾年前早就改掉了= =
沒錯
預設是手勢返回，但使用者可以透過設定切回三個按鈕的導航模式
淺顯易懂，知識滿滿，謝謝講解啊❤
簡潔易懂！就算工作了看完影片也複習了一遍 想問問影片內的英文是什麼字體呢？
英文用到了Sf pro expanded / BioRhyme
@@CreativeKev90 感謝！！
ios navigation那部分讲的很棒。我估计连很多前端开发都搞不清楚到底什么区别
真的谢谢你的所有视频。每一部都是精心制作 满满干货❤
希望詳細學習設計系統和UI基礎理論課程的同學可以點擊這裡 www.udemy.com/course/design-system-o/learn/lecture/47711467#overview
希望詳細學習設計系統和基礎UI設計課程的同學可以點擊這裡 www.udemy.com/course/design-system-o/learn/lecture/47711467#overview
希望詳細學習設計系統課程的同學可以點擊這裡 www.udemy.com/course/design-system-o/learn/lecture/47711467#overview
中文圈就是應該多一點這種影片
🫶🫶🫶🫶
你好，非常感謝你拍攝這一系列視頻，讓我重新學習到很多
感謝支持！
可以請問為什麼不一開始命名功能就好了(在10 20 30 那邊) 需要再做一次呢?
讲得真好，希望能继续更新，谢谢！
感谢分享！满满干货❤
请问导出的时候可以直接到处1倍的svg格式吗（替代同时导出1x，2x，3x）？
svg可以用的话当然好了。不过png兼容性更好，很多团队还是首选png。所以要和开发人员讨论哦
准备用在作品集中，多谢凯文
又是满满干货啊
太棒了！
多谢
真的要瘋狂吹奏你的影片 -- 詳細，清楚，有營養！我之前看了很多不同的影片，有些步驟跳過了，有些情況又解釋得不是很清楚，很多時另我去了dead end，很挫敗呢～ 你真的是由初學者視角去解釋，很令人安心喔～ 謝謝～ 請繼續多出教學，造福人群！
很高兴可以帮到你！多谢支持🙏
很棒的內容，說明非常清楚，學到很多，希望可以持續更新
多谢支持
bro! you save my life!
讚👍
支持Kevin非常好的content！🙌
多谢支持
第二期视频什么时候出啊？！
中文频道中讲得最清楚的
凯文老师， 我的Figma网页上没有资源库“ 地球” 的图标， 请问如何加在上面， 谢谢！
了这么视频就这个讲得最清楚 谢谢🙏
多谢支持
目前他的A I功能對所有的會員都開放嗎？
目前是的哦
解說很詳細 謝謝～
又更新啦🎉
感謝您的內容，我學到很多
多谢🙏
🙌🙌好清楚的說明👏👏
赞👍
正在找新版界面教程这就来了
大佬终于更新了
請問做APP與網頁，應該以什麼尺寸作為基底,一樣直接選375 x 812嗎？
app 常用尺寸320w，375w，web常用1200，1440 没有固定尺寸。根据你的产品发布的平台和地区，做一下调研看看哪些尺寸是使用最多的
nb
可以讲讲苹果的hig嘛