Figma 設計體驗營(上):基本介面 / Frames

Поделиться
HTML-код
  • Опубликовано: 28 дек 2024

Комментарии • 20

  • @junzhi768
    @junzhi768 3 года назад +54

    『一、基礎介紹』
    03:29 檔案
    05:02 team專案-免費版團隊可以放3個project,每個project可再放3個file
    06:00 工具欄
    06:26 Main menu
    06:43 Main menu > Quick actions...
    07:27 左側邊攔-pages分頁
    在不同的分頁 做不同設計稿
    10:40 左側邊攔-頁籤Layers | Assets
    11:26 header中上方icon,component | 聯結 | 遮色片
    12:00 header右上方
    耳機icon-開啟線上會議
    頭像-目前在這份檔案的使用者
    share
    播放icon(present)
    zoom比例
    13:52 右側邊攔-
    design(設計)
    prototype(實際產品模擬動畫)
    inspect(開發者檢視)
    15:18 快捷鍵
    『二、Frame(畫布)』
    20:24 拖曳 | 點選畫布尺寸
    23:50 既有物件轉為畫布(Frame selection)
    25:11 frames跟group的差異
    27:10 frame vs group縮放的反應
    29:30 frame包frame
    31:55 放進去
    33:20 放到正上方
    34:30 放入小frame
    36:44 constraints(自適應)
    frame調整尺寸時,內層物件要如何縮放 | 調整
    42:40 constraints應用
    44:23 什麼時候用Frame不是用group
    48:12 clip Content(裁切內容(在右側欄))很像剪裁遮色片
    49:25 不對齊的裝飾(不裁切)
    51:23 進階-懸浮定位(又裁切又不裁切)
    54:48 clip content 裁切圖片的三種方式
    55:12 Frame clip
    55:17 Fill image (複製的圖片可直接貼上)
    58:17 Mask 遮色片(要裁切的圖形放下方,被裁切物放上方)

    • @ouo1111
      @ouo1111 3 года назад +1

      謝謝你

    • @ynl9296
      @ynl9296 3 года назад

      感謝🙏🏻

  • @婷婷-j8r
    @婷婷-j8r Год назад

    請問在教學過程中,能把介面圈起來並且放大,其他底部反灰~(8:18有出現)是以什麼軟體處理的?謝謝

  • @程羽-f4z
    @程羽-f4z Год назад

    請問放在bar層內的懸浮按鈕要怎麼讓他整個顯現出來呢

  • @shaleneee
    @shaleneee 3 года назад +1

    最近剛好在學FIGMA!!!!

  • @甘少棠
    @甘少棠 11 месяцев назад

    請教一下是不是因為用網頁版免費的關西~我畫面的右上角沒有出現『impect』的功能選項

  • @wongwong8498
    @wongwong8498 Год назад

    請問一下,我已經付了月費,可是我只能把影片上載到其中一個Project,這是否正常?謝謝😢

  • @莊詠喬-r7p
    @莊詠喬-r7p 2 года назад

    我用筆電 沒滑鼠 無法同時按space拖曳 TT ,所以一定要買滑鼠嗎〉〈
    (BTW 無意間發現這個影片 對於初學者的我是救星!!)

  • @25B-086曾婕寧
    @25B-086曾婕寧 Год назад +1

    請問一下為什麼我查找不到Inspect選項?

    • @maylaw523
      @maylaw523 9 месяцев назад

      我也是查找不到Inspect選項

    • @蘇冠仰
      @蘇冠仰 9 месяцев назад

      目前figma已經將inspect轉變到dev mode裡面了(點擊右上角預覽按鈕左邊會有一個ToggleButton就可以轉跳到dev mode),只是現在的dev mode需要付費才可以使用

  • @小咪妮
    @小咪妮 3 года назад +8

    所以用Frame群組的好處是什麼? 實務上真的常用嗎?
    因為就我是一個設計師來說,即便是群組成Frame,當Frame縮放時,
    物件在Frame裡面可以按照我們所希望的方式跟著產生位置及大小的變化,是這樣沒錯!
    但往往實務上真要修改,還是要一個、一項物件去修改間距或位置,群組成Frame去調整Constraints,往往也不是我想要的結果,
    但也可能我用不習慣,基於上述使用感覺,不知道Figma的Frame群組的用意?? 黑人問號??

    • @yamb210
      @yamb210 3 года назад +2

      Xd派在此摸索Figma的frame,也研究到滿頭問號😂

    • @timlai830522
      @timlai830522 2 года назад

      frame真的很好用喔! 很多地方可以直接排版 條位置

    • @evan-chen-gh
      @evan-chen-gh 2 года назад

      我是XD付費後今天開始載Figma,也是很多問號,比如遮罩,XD是可以直接拖進範圍,前者遮後者,這樣我還可以調個透明度看下遮起來大致的樣子,直接做修改,後遮前整個擋住了是要看什麼...

  • @csafile
    @csafile 2 года назад +1

    請問這裡有人會理會我嗎?因為我們唯一的設計師離職,想問一下老師比較推薦XD還是FIGMA呢

    • @hexschool
      @hexschool  2 года назад +1

      這兩套都可以勒,看團隊比較偏向哪個

    • @kikicc4124
      @kikicc4124 2 года назад

      @@hexschool 老師,請問ruclips.net/video/zfCUtLdUYd8/видео.html這裡講的按住comment (MC) 在PC要按哪個鍵?