iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 426 瀏覽

鐵人賽自我挑戰組 DAY 7

30天的Figma學習筆記系列第 7 篇

技術 Day7 Figma基礎2_圖形

今天要跟大家介紹的是圖形功能，這是我們在做設計時最常用到的功能，長方形的快捷鍵是R，圓形的快捷鍵是O，其他都有在上面註明形狀的快捷鍵，大家有需要都可以記一下，其...

沒有坐車車的天竺鼠 ‧ 2023-09-21

0 Like 0 留言 326 瀏覽

鐵人賽自我挑戰組 DAY 6

30天的Figma學習筆記系列第 6 篇

技術 Day6 Figma基礎1_Frame

今天要來介紹我們的畫板或是稱作框架(Frame)，可以從井字符號找到也可以按快捷鍵A或是F，當我們點選畫版後，右邊屬性面板會跑出各式各樣手機、平版、網頁等等的畫...

沒有坐車車的天竺鼠 ‧ 2023-09-20

0 Like 0 留言 231 瀏覽

鐵人賽自我挑戰組 DAY 5

30天的Figma學習筆記系列第 5 篇

技術 Day5 操作面板

今天要來介紹的是Figma的操作面板，當我們點擊+Design file按鈕，就會進到以下畫面，最上面黑色的那條是工具列，在一開始專案還沒命名時，會顯示Unti...

沒有坐車車的天竺鼠 ‧ 2023-09-19

1 Like 0 留言 220 瀏覽

鐵人賽自我挑戰組 DAY 4

30天的Figma學習筆記系列第 4 篇

技術 Day4 建立第一份檔案

在建立好帳戶後，我們就可以開始嘗試建立屬於我們自己的第一份檔案，在登入後會進到以下的畫面，如果是剛加入，最下面會有示意的虛線圖案讓你建立第一份檔案，你也可以從最...

沒有坐車車的天竺鼠 ‧ 2023-09-18

0 Like 0 留言 249 瀏覽

鐵人賽自我挑戰組 DAY 3

30天的Figma學習筆記系列第 3 篇

技術 Day3 如何登入及安裝?

首先，因為Figma有分網頁版以及桌機版，大家可以透過自己的需求來決定要使用甚麼版，但不論是哪個版，都需要到Figma的官網去登入或是下載，那怎麼找到官網呢?就...

沒有坐車車的天竺鼠 ‧ 2023-09-17

0 Like 0 留言 211 瀏覽

鐵人賽自我挑戰組 DAY 2

30天的Figma學習筆記系列第 2 篇

技術 Day2 Figma是什麼?

(圖片來源於:Figma) 簡單來說，Figma就是一款多人協助導向的介面設計軟體，並在幾年前以黑馬的姿態在介面設計領域殺出一片天。在以往的軟體領域中，大部分...

沒有坐車車的天竺鼠 ‧ 2023-09-16

0 Like 0 留言 332 瀏覽

鐵人賽自我挑戰組 DAY 1

30天的Figma學習筆記系列第 1 篇

技術 Day1 開賽前言

哈囉，大家好! 第一次參加鐵人賽，主要的目地不外乎就是因為學校要求參加XD，另一方面則是希望能回饋大眾，畢竟，在這網路資訊爆炸的情況下，想必各位一定在學習過程中...

沒有坐車車的天竺鼠 ‧ 2023-09-15

0 Like 1 留言 1256 瀏覽

技術幫助自己上班的零件數量查詢器(1)-出發、需求與介面

本系列純粹為本人利用上班之餘，先利用figma設計介面，並使用幾種前端語言製作幫助上班效率的工具，語言包括html、css、javascript、Vue、sc...

走得歪七扭八的孩子 ‧ 2023-02-02

0 Like 0 留言 806 瀏覽

技術【Figma筆記】評論功能：標記已解決、復原評論

評論功能 Figma官方教學以下為讓解決的評論不顯示在畫布上，以及消失了要如何顯示回來的方法．點選解決評論它就會消失在版面上了！要如何讓它再次出現呢？先...

inthegrass ‧ 2022-11-14

0 Like 0 留言 1113 瀏覽

鐵人賽 Mobile Development DAY 22

關於我用 Compose UI 造新輪子這檔事系列第 22 篇

技術 Day 22 - UI 設計

理論上 UI 要在開發前就設計好，不過我一開始是想到什麼就加什麼功能，完全沒在管設計。直到 Figma 9月中被 Adobe 併購，這消息出來後才意識到 UI...

Mikucat ‧ 2022-10-07 ‧團隊那團名要叫什麼？

0 Like 0 留言 641 瀏覽

鐵人賽 Mobile Development

無法成為釣魚大師也要努力摸魚！！辣個吃魚神器 APP 系列第 31 篇

技術【Day 31】集郵冊：功能規劃與需求分析

tags: 釣魚術 swift 前言技術債還不完，只好加開延長賽... 集郵冊功能抓到魚之後要可以拍照 (畫面中圖片呈現區會有拍照按鈕) 拍照完之後，...

二坪山小弱砲 ‧ 2022-10-06 ‧團隊㊣乂溪湖煞氣a汴頭保安宮乂㊣

0 Like 0 留言 1673 瀏覽

鐵人賽 Modern Web DAY 21

手把手web初學者系列第 21 篇

技術來用Figma做出高擬真的使用介面

網頁需要做下滑只要把Figma的 Frame 再拉長接著我們要來做一點元件的變化水平滾動圖片先拉出你需要放進圖片的圖形置入圖片到 □選取點選要放入的圖形...

我是誰我在哪... ‧ 2022-10-04

0 Like 0 留言 897 瀏覽

鐵人賽 Modern Web DAY 20

手把手web初學者系列第 20 篇

技術在Figma設計RWD介面設計

再Figma有一個很好用來做RWD的功能叫 Constraints 限制 Constraints 有水平及垂直可以設定這邊我將物件都設了各自的Constrai...

我是誰我在哪... ‧ 2022-10-03

0 Like 0 留言 1198 瀏覽

鐵人賽 Modern Web DAY 18

手把手web初學者系列第 18 篇

技術 UI介面設計入門款-Figma

今天要為大家介紹可以使用網頁版的UI介面設計神器-Figma也有人會使用 Adobe XD 或 Axure 等等(話說Figma最近也被 Adobe 收購了，不...

我是誰我在哪... ‧ 2022-10-01

0 Like 0 留言 8052 瀏覽

鐵人賽 Modern Web DAY 7

從零開始學 - Side Project專題開發及切版實作技巧系列第 7 篇

技術 Day 7 - 動手繪製 Wireframe 線框稿(Figma教學)

Day 7 - 動手繪製 Wireframe 線框稿(Figma教學) 每日一談嗨 ! 大家好，我是阿蘇今天是Day 7 ，今天會分享 Wireframe...

阿蘇蘇 ‧ 2022-09-22 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1520 瀏覽

鐵人賽 Modern Web DAY 10

從零開始學 - Side Project專題開發及切版實作技巧系列第 10 篇

技術 Day 10 - Prototype 原型互動 / 產品模擬

Day 10 - Prototype 原型互動 / 產品模擬 (Figma 教學) 每日一談嗨，大家好 ! 我是阿蘇今天是Day10 ，今天來跟大家談談 P...

阿蘇蘇 ‧ 2022-09-25 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 2040 瀏覽

鐵人賽 Modern Web DAY 9

從零開始學 - Side Project專題開發及切版實作技巧系列第 9 篇

技術 Day 9 - Figma 繪製精美 Mockup (二)

Day 9 - Figma 繪製精美 Mockup (二) 每日一談嗨! 大家好，我是阿蘇又是新的一天開始了，今天是Day 9來繼續昨天的分享，今天主要是...

阿蘇蘇 ‧ 2022-09-24 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1728 瀏覽

鐵人賽 Modern Web DAY 8

從零開始學 - Side Project專題開發及切版實作技巧系列第 8 篇

技術 Day 8 - Figma 繪製精美 Mockup (一)

Day 8 - Figma 繪製精美 Mockup (一) 每日一談嗨，大家好 ! 我是阿蘇今天是Day7 我們即將進入設計階段，這邊一樣也是使用 F...

阿蘇蘇 ‧ 2022-09-23 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1890 瀏覽

鐵人賽 Modern Web DAY 6

從零開始學 - Side Project專題開發及切版實作技巧系列第 6 篇

技術 Day 6 - Wireframe 線框稿

Day 6 - Wireframe 線框稿每日一談嗨 ! 大家好，我是阿蘇不知不覺就來到了 Day 6 ，有沒有開始對 Side Project 有些靈...

阿蘇蘇 ‧ 2022-09-21 ‧團隊死線衝鋒 Deadline Squad

0 Like 0 留言 1875 瀏覽

鐵人賽 Software Development DAY 2

台南不需要米其林系列第 2 篇

技術 Day02 首頁UI設計圖 ft. Figma

摘要在第一階段中我們先畫出第一版的UI設計圖，作為後續開發時的參考圖片。這邊會使用到Figma這項工具來繪製UI，參考了Papaya教室的教學影片，從手繪的草...

yenshaoting ‧ 2022-09-17 ‧團隊台南巷弄美食獵人

0 Like 1 留言 2282 瀏覽

鐵人賽 Mobile Development DAY 7

今年一定減成功!Jetpack Compose 做出重訓紀錄APP 系列第 7 篇

技術 Day 7 Figma x Material Theme Builder x Material Design 3

前言前2天用了 Web版 Material Theme Builder，快速方便。但想要看渲染過的元件長什麼樣的話就要到 Figma 版的 Material...

ChuLin ‧ 2022-09-13 ‧團隊攀岩抱石玩滑板還比賽的Kotlin鐵人們

0 Like 0 留言 1289 瀏覽

鐵人賽 Mobile Development DAY 2

無法成為釣魚大師也要努力摸魚！！辣個吃魚神器 APP 系列第 2 篇

技術【Day 2】Swift UI 打版(1) - 透過 Figma 進行原型設計

tags: 釣魚術 ListView Figma SwiftUI 雜談我在淡水河畔的師傅總是耳提面命著那麼一句話⋯⋯ 『一魟，二虎，三沙毛，四斑午，五象耳，...

二坪山小弱砲 ‧ 2022-09-07 ‧團隊㊣乂溪湖煞氣a汴頭保安宮乂㊣

1 Like 1 留言 2710 瀏覽

鐵人賽 Modern Web DAY 29

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 29 篇

技術 Day 29. Hi-Fi Prototype－以 Figma 製作高精度原型 (下)

由於 Figma 的核心是 GUI 設計工具，附帶原型製作能力，所以一般來說我們都會使用它來進行高精度原型設計，說到這裡，你會不會想問，有高精度，那是不是也有低...

Rson Wilson ‧ 2021-10-14

0 Like 1 留言 3833 瀏覽

鐵人賽 Modern Web DAY 28

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 28 篇

技術 Day 28. Hi-Fi Prototype－以 Figma 製作高精度原型 (上)

終於，我們要進入 UX/UI 設計中的最後一個流程－高精度原型 Hi-Fi Prototype，這也是交付所有能夠設計的細節，給工程師進入開發前的最後一個階段...

Rson Wilson ‧ 2021-10-13

0 Like 0 留言 5138 瀏覽

鐵人賽 Modern Web DAY 27

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 27 篇

技術 Day 27. 我要準時下班- Figma Plugin (下)

上一篇介紹了 plugin 是什麼、如何安裝使用，以及推薦的插件。今天我們實際透過這些插件實作一個簡單版的po文牆網頁UI。最後會完成的結果如下：首先，使用形...

Rson Wilson ‧ 2021-10-12

0 Like 0 留言 4907 瀏覽

鐵人賽 Modern Web DAY 26

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 26 篇

技術 Day 26. 我要準時下班- Figma Plugin (上)

Figma 的功能已經相當強大，但多少還是會缺乏一些功能，當我們有需要的時候，便可到社群裡用關鍵字查找，看看有沒有開發者已經開發出可以擴充的插件 (Plugin...

Rson Wilson ‧ 2021-10-11

0 Like 0 留言 7623 瀏覽

鐵人賽 Modern Web DAY 25

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 25 篇

技術 Day 25 Figma 設計檔的多啦時光機－檔案歷史紀錄與版本控制

大家應該都有這樣的經驗：辛辛苦苦做了一、二個小時的進度，因為沒有養成隨時存檔的好習慣，當突然遇到軟體或作業系統當機而欲哭無淚。Figma 考量到了這點，預設大約...

Rson Wilson ‧ 2021-10-10

0 Like 0 留言 1488 瀏覽

鐵人賽 IT管理 DAY 25

大共享時代系列系列第 25 篇

技術大共享時代系列_024_可協同 UI 設計的軟體

客戶：我的需求不多，就一點點...設計師：（已預知接下來無窮盡的...浩瀚宇宙）多人可同時協同設計的好處？讓設計的流程透過協作的方式變得更透明容易，及時性...

Shiva虛碼 ‧ 2021-10-10 ‧團隊好想工作室V5.0

0 Like 0 留言 19276 瀏覽

鐵人賽 Modern Web DAY 24

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 24 篇

技術 Day 24. 打造可重覆使用的設計－Figma 的 Component 元件解析

在一個網站中，常常會在不同的頁面之間看到許多相同共用的元素，比如說按鈕、導覽列。而在同一個網頁中，也經常會看到有些一再重覆出現的元素，比如說卡片、列表等。我們...

Rson Wilson ‧ 2021-10-09

0 Like 0 留言 4182 瀏覽

鐵人賽 Modern Web DAY 23

網頁 UX / UI 攻心術｜30天練成 Figma、Axure RP 以及 UX 心法系列第 23 篇

技術 Day 23. 透過 Constraints 機制，實作出能夠拉伸的響應式卡片設計

前一篇我們實驗 Constraints 各種設定會造成的影響後，相信大家已經對於 Constraints 有所理解了。今天我們來將昨天學到的，實際應用在真實的...

Rson Wilson ‧ 2021-10-08