#designer
2024-08-03
@eriol is sharing about the diary study they’ve done during past few years at COSCUP!
- ✏️6
- ❤️5
- ❤️4
2024-08-04
@jemmy0818thu has joined the channel
@kevyourdev has joined the channel
2024-08-05
What an amazing day and lovely workshop
Shoutout to everyone 🚀 🚀 🚀
Shoutout to everyone 🚀 🚀 🚀
4- ❤️4
@zxc25072981 has joined the channel
2024-08-08
@crayon3shawn has joined the channel
2024-08-19
@relin1001 has joined the channel
2024-08-22
好奇 @terry.f.wang 或其他設計師使用 Penpot 的感想
我在做 Open165 的設計，目前是手動複製 NextUI Figma Kit 的東西進到 Open165 來用，它的 component 有好多變數，不知道 Penpot 是否支援。
工程方面，Figma 把 devmode 收到 paywall 後面，確實對我來說滿痛的，畢竟 component 現在只能看到 style 名稱，要抓值設 design token 變得好麻煩。
我在做 Open165 的設計，目前是手動複製 NextUI Figma Kit 的東西進到 Open165 來用，它的 component 有好多變數，不知道 Penpot 是否支援。
工程方面，Figma 把 devmode 收到 paywall 後面，確實對我來說滿痛的，畢竟 component 現在只能看到 style 名稱，要抓值設 design token 變得好麻煩。
之前有跟 Penpot 的工作人員來回過信件，因為他們目前還是有一些很嚴重的問題待解決（比方說一輸入中文字體系統就會崩潰之類的，不過他們說 9 月的更新混解決這個問題）
9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
它支援 google font 裡的 CJK 字體嗎
有的話應該還行ㄅ
有的話應該還行ㄅ
像 open165 上的就是 Noto Sans TC 與 Noto Serif TC
他裡面其實都有內建開源字體
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
真慘
非常困擾 Orz
看起來複製貼上中文沒問題
似乎是他的 JS code 沒有好好處理組字的事件
就是慢點打的話還是有辦法
但就是要慢點
但就是要慢點
一秒一根手指一個注音之類的
原來慢點 ok 嗎 lol
日文也有組字
我也來試試看
我也來試試看
嗯對，爛的
怎麼看都是組字邏輯的鍋
它上面是不是沒這張票
https://github.com/penpot/penpot/issues
https://github.com/penpot/penpot/issues
似乎是
> 他們說 9 月的更新會解決這個問題
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
晚上有空我開張票好了
笑鼠
太感謝了
我可以把我當初寄給他們的影片一並貼上去
太感謝了
我可以把我當初寄給他們的影片一並貼上去
哇是用 Clojure 寫的
我幫不上忙 lol
我幫不上忙 lol
◉‿◉
我想要先把 figma 上的檔案遷移到 penpot 上去
再幫我點擊同意編輯ㄛ
再幫我點擊同意編輯ㄛ
（搬家工程需要 plugin 才做得到
Approved
結論是我還是原地重刻好了
先不要，我可能會考慮繼續用 Figma ＸＤＤＤ
笑鼠
不過我可以幫你看看設計
然後字體大小希望 18px 起跳 XD
上面有 exact match 的 section 我是用可以展開的 accordion
回應一下關於 ui kit 的部分
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz
（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz
（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
好耶大感謝
好奇 @terry.f.wang 或其他設計師使用 Penpot 的感想
我在做 Open165 的設計，目前是手動複製 NextUI Figma Kit 的東西進到 Open165 來用，它的 component 有好多變數，不知道 Penpot 是否支援。
工程方面，Figma 把 devmode 收到 paywall 後面，確實對我來說滿痛的，畢竟 component 現在只能看到 style 名稱，要抓值設 design token 變得好麻煩。
我在做 Open165 的設計，目前是手動複製 NextUI Figma Kit 的東西進到 Open165 來用，它的 component 有好多變數，不知道 Penpot 是否支援。
工程方面，Figma 把 devmode 收到 paywall 後面，確實對我來說滿痛的，畢竟 component 現在只能看到 style 名稱，要抓值設 design token 變得好麻煩。
Figma
NextUI
Beautiful, fast and modern React UI Library
- 👀1
之前有跟 Penpot 的工作人員來回過信件，因為他們目前還是有一些很嚴重的問題待解決（比方說一輸入中文字體系統就會崩潰之類的，不過他們說 9 月的更新混解決這個問題）
9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
它支援 google font 裡的 CJK 字體嗎
有的話應該還行ㄅ
有的話應該還行ㄅ
像 open165 上的就是 Noto Sans TC 與 Noto Serif TC
他裡面其實都有內建開源字體
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
真慘
非常困擾 Orz
看起來複製貼上中文沒問題
似乎是他的 JS code 沒有好好處理組字的事件
就是慢點打的話還是有辦法
但就是要慢點
但就是要慢點
一秒一根手指一個注音之類的
原來慢點 ok 嗎 lol
日文也有組字
我也來試試看
我也來試試看
嗯對，爛的
怎麼看都是組字邏輯的鍋
它上面是不是沒這張票
https://github.com/penpot/penpot/issues
https://github.com/penpot/penpot/issues
似乎是
> 他們說 9 月的更新會解決這個問題
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
晚上有空我開張票好了
笑鼠
太感謝了
我可以把我當初寄給他們的影片一並貼上去
太感謝了
我可以把我當初寄給他們的影片一並貼上去
哇是用 Clojure 寫的
我幫不上忙 lol
我幫不上忙 lol
◉‿◉
我想要先把 figma 上的檔案遷移到 penpot 上去
再幫我點擊同意編輯ㄛ
再幫我點擊同意編輯ㄛ
（搬家工程需要 plugin 才做得到
Approved
結論是我還是原地重刻好了
先不要，我可能會考慮繼續用 Figma ＸＤＤＤ
笑鼠
不過我可以幫你看看設計
然後字體大小希望 18px 起跳 XD
上面有 exact match 的 section 我是用可以展開的 accordion
回應一下關於 ui kit 的部分
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz
（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz
（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
好耶大感謝
之前有跟 Penpot 的工作人員來回過信件，因為他們目前還是有一些很嚴重的問題待解決（比方說一輸入中文字體系統就會崩潰之類的，不過他們說 9 月的更新混解決這個問題）
9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
它支援 google font 裡的 CJK 字體嗎
有的話應該還行ㄅ
有的話應該還行ㄅ
像 open165 上的就是 Noto Sans TC 與 Noto Serif TC
他裡面其實都有內建開源字體
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
真慘
非常困擾 Orz
看起來複製貼上中文沒問題
似乎是他的 JS code 沒有好好處理組字的事件
就是慢點打的話還是有辦法
但就是要慢點
但就是要慢點
一秒一根手指一個注音之類的
原來慢點 ok 嗎 lol
日文也有組字
我也來試試看
我也來試試看
嗯對，爛的
怎麼看都是組字邏輯的鍋
它上面是不是沒這張票
https://github.com/penpot/penpot/issues
https://github.com/penpot/penpot/issues
似乎是
> 他們說 9 月的更新會解決這個問題
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
晚上有空我開張票好了
笑鼠
太感謝了
我可以把我當初寄給他們的影片一並貼上去
太感謝了
我可以把我當初寄給他們的影片一並貼上去
哇是用 Clojure 寫的
我幫不上忙 lol
我幫不上忙 lol
◉‿◉
我想要先把 figma 上的檔案遷移到 penpot 上去
再幫我點擊同意編輯ㄛ
再幫我點擊同意編輯ㄛ
（搬家工程需要 plugin 才做得到
Approved
結論是我還是原地重刻好了
先不要，我可能會考慮繼續用 Figma ＸＤＤＤ
笑鼠
不過我可以幫你看看設計
然後字體大小希望 18px 起跳 XD
上面有 exact match 的 section 我是用可以展開的 accordion
Replied to a thread: 2024-08-22 18:48:25
回應一下關於 ui kit 的部分
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz
（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz
（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
1
好耶大感謝
發現連按鈕都用襯線看起來素質就變高了許多…
- 💡3
- 👍1
對呀襯線感覺很誠懇高級
拿來勸說「這是詐騙」很不錯
拿來勸說「這是詐騙」很不錯
無襯線太科技了
（華語好像應該說宋體 vs 黑體）
（或明體）
襯線是西文字體脈絡的東西捏
是ㄚ
不過這個字體就叫 noto serif
直翻就是襯線體
不過這個字體就叫 noto serif
直翻就是襯線體
單純是對齊西文而已
是的
但中文字體名還是會回歸黑體 / 宋體 or 明體
https://source.typekit.com/source-han-serif/tw/
https://source.typekit.com/source-han-serif/tw/
所以原來這個是宋體ㄇ
確實是明朝人發明的字體，因為宋朝的字體其實不是長這樣
但皇帝說得算
但皇帝說得算
#明朝人發明的宋體
~大概是因為康熙很討厭明朝~
笑 die
但 Figma 要做這個好像只能用 Absolute 排版的色塊
這個我回去開筆電做做看
Open165 logo 也改用垂直筆畫較粗、有麥克筆感、歐文圓圈部分較大的 Yusei Magic 好了
https://blog.justfont.com/2023/02/google-fonts-cjk/
雖然本身沒有襯線（logo 空間不足，放襯線顯得太多），但橫豎不同寬的特色，應該會跟網頁上的明體標題很搭
https://blog.justfont.com/2023/02/google-fonts-cjk/
雖然本身沒有襯線（logo 空間不足，放襯線顯得太多），但橫豎不同寬的特色，應該會跟網頁上的明體標題很搭
然後螢光筆、襯線的筆記感
會讓我覺得，要不要整個網站改叫做「Open 165 防詐筆記」
可能會比現在冷冰冰的防詐資訊站好
會讓我覺得，要不要整個網站改叫做「Open 165 防詐筆記」
可能會比現在冷冰冰的防詐資訊站好
好哇
我可以幫忙想一下視覺
感覺也很適合 cofact 黃？
我可以幫忙想一下視覺
感覺也很適合 cofact 黃？
嗯黃色不錯
不過可能要注意 Cofacts 黃
和白色與黑色的對比都略顯不足，不知道怎麼辦
和白色與黑色的對比都略顯不足，不知道怎麼辦
我可以幫忙找新的色盤，不過因為我發現在別人的檔案裡我不能用專業版的功能（比方說串 library 之類的 qq
所以之後的檔案還是會以發 pull request 的方式貢獻喔
所以之後的檔案還是會以發 pull request 的方式貢獻喔
不然可能就要研究一下 Figma community 有沒有機會做到類似的操作
防詐筆記
很適合再加一兩句 溫馨副標
很適合再加一兩句 溫馨副標
我想在大松之前把一些想法 畫成 mockup，但這會讓 design PR 更難 merge 。
好奇 @terry.f.wang 對這個 PR comment 的想法是什麼呢？
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
好奇 @terry.f.wang 對這個 PR comment 的想法是什麼呢？
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
我等等來看看這些做起來怎麼樣
2024-08-23
對呀襯線感覺很誠懇高級
拿來勸說「這是詐騙」很不錯
拿來勸說「這是詐騙」很不錯
無襯線太科技了
（華語好像應該說宋體 vs 黑體）
（或明體）
襯線是西文字體脈絡的東西捏
是ㄚ
不過這個字體就叫 noto serif
直翻就是襯線體
不過這個字體就叫 noto serif
直翻就是襯線體
單純是對齊西文而已
是的
但中文字體名還是會回歸黑體 / 宋體 or 明體
https://source.typekit.com/source-han-serif/tw/
https://source.typekit.com/source-han-serif/tw/
所以原來這個是宋體ㄇ
確實是明朝人發明的字體，因為宋朝的字體其實不是長這樣
但皇帝說得算
但皇帝說得算
#明朝人發明的宋體
~大概是因為康熙很討厭明朝~
笑 die
但 Figma 要做這個好像只能用 Absolute 排版的色塊
這個我回去開筆電做做看
Open165 logo 也改用垂直筆畫較粗、有麥克筆感、歐文圓圈部分較大的 Yusei Magic 好了
https://blog.justfont.com/2023/02/google-fonts-cjk/
雖然本身沒有襯線（logo 空間不足，放襯線顯得太多），但橫豎不同寬的特色，應該會跟網頁上的明體標題很搭
https://blog.justfont.com/2023/02/google-fonts-cjk/
雖然本身沒有襯線（logo 空間不足，放襯線顯得太多），但橫豎不同寬的特色，應該會跟網頁上的明體標題很搭
然後螢光筆、襯線的筆記感
會讓我覺得，要不要整個網站改叫做「Open 165 防詐筆記」
可能會比現在冷冰冰的防詐資訊站好
會讓我覺得，要不要整個網站改叫做「Open 165 防詐筆記」
可能會比現在冷冰冰的防詐資訊站好
好哇
我可以幫忙想一下視覺
感覺也很適合 cofact 黃？
我可以幫忙想一下視覺
感覺也很適合 cofact 黃？
嗯黃色不錯
不過可能要注意 Cofacts 黃
和白色與黑色的對比都略顯不足，不知道怎麼辦
和白色與黑色的對比都略顯不足，不知道怎麼辦
我可以幫忙找新的色盤，不過因為我發現在別人的檔案裡我不能用專業版的功能（比方說串 library 之類的 qq
所以之後的檔案還是會以發 pull request 的方式貢獻喔
所以之後的檔案還是會以發 pull request 的方式貢獻喔
不然可能就要研究一下 Figma community 有沒有機會做到類似的操作
2024-08-24
防詐筆記
很適合再加一兩句 溫馨副標
很適合再加一兩句 溫馨副標
2024-08-28
from tofus version
但還沒認真深入介面，目前專案的東西都在這份文件嗎
但還沒認真深入介面，目前專案的東西都在這份文件嗎
- 😍1
1
1
1
對對
豆腐在這裡也有放兩個 figma file https://github.com/cofacts/open165/pull/23
我的理解是，因為這兩個檔案都改到了 Figma style definition 所以改用獨立 figma 檔案的方式提供，經過討論後應該會 merge 回主要的 Figma
豆腐在這裡也有放兩個 figma file https://github.com/cofacts/open165/pull/23
我的理解是，因為這兩個檔案都改到了 Figma style definition 所以改用獨立 figma 檔案的方式提供，經過討論後應該會 merge 回主要的 Figma
那個 merged button 是用 NextUI 做的，所以其實有 animation XD
https://165.g0v.tw/name/Gmarket
https://165.g0v.tw/name/Gmarket
但這個merge的工作是不是只能主檔案的主人做？
對呀有點痛苦
但有編輯權限的應該也可以？
主檔publish Figma社群是不是就可以整的style抓下來，然後要改的人push fig擋回去給主人
（好可憐喔我們XD
（好可憐喔我們XD
其實如果不是改那些牽一髮動全身的東西（如 style 等等）
感覺 figma 還是直接開 edit 權限給想貢獻的人比較直接 XD”
感覺 figma 還是直接開 edit 權限給想貢獻的人比較直接 XD”
figma 本身的
編輯權限按人頭算的，這樣協作起來不是很方便:melting_face:除非有個設計師小幫手主要幫忙彙整檔案，那就付開發+設計兩個人頭錢
figma現在什麼都要錢了哈哈，套養殺開始
感覺還是走 community 比較快 Orz
好奇 @terry.f.wang 接下來會想要怎麼繼續這個 PR
一樣是改完然後上傳，然後我再下載這樣嗎
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
一樣是改完然後上傳，然後我再下載這樣嗎
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
還是 tofus 先在自己的 Figma fork 上面作業，然後直接丟 figma link 討論
最後討論完畢之後再想辦法 merge 回主要 Figma file 上
最後討論完畢之後再想辦法 merge 回主要 Figma file 上
感覺可以定期做 merge 就好（不然常常 merge 也是挺累的 orz
同時也可以做到一定的階段上傳到 Figma community 上，這樣其他設計師也比較好下載
Figma community 我就不熟了
是說因為現在Figma關開發者模式，我想也需就是直接用github把離線的fig檔傳出去也是個辦法
是說因為現在Figma關開發者模式，我想也需就是直接用github把離線的fig檔傳出去也是個辦法
- 2
對對
豆腐在這裡也有放兩個 figma file https://github.com/cofacts/open165/pull/23
我的理解是，因為這兩個檔案都改到了 Figma style definition 所以改用獨立 figma 檔案的方式提供，經過討論後應該會 merge 回主要的 Figma
豆腐在這裡也有放兩個 figma file https://github.com/cofacts/open165/pull/23
我的理解是，因為這兩個檔案都改到了 Figma style definition 所以改用獨立 figma 檔案的方式提供，經過討論後應該會 merge 回主要的 Figma
那個 merged button 是用 NextUI 做的，所以其實有 animation XD
https://165.g0v.tw/name/Gmarket
https://165.g0v.tw/name/Gmarket
但這個merge的工作是不是只能主檔案的主人做？
對呀有點痛苦
但有編輯權限的應該也可以？
主檔publish Figma社群是不是就可以整的style抓下來，然後要改的人push fig擋回去給主人
（好可憐喔我們XD
（好可憐喔我們XD
其實如果不是改那些牽一髮動全身的東西（如 style 等等）
感覺 figma 還是直接開 edit 權限給想貢獻的人比較直接 XD”
感覺 figma 還是直接開 edit 權限給想貢獻的人比較直接 XD”
figma 本身的
編輯權限按人頭算的，這樣協作起來不是很方便:melting_face:除非有個設計師小幫手主要幫忙彙整檔案，那就付開發+設計兩個人頭錢
figma現在什麼都要錢了哈哈，套養殺開始
2024-08-29
感覺還是走 community 比較快 Orz
好奇 @terry.f.wang 接下來會想要怎麼繼續這個 PR
一樣是改完然後上傳，然後我再下載這樣嗎
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
一樣是改完然後上傳，然後我再下載這樣嗎
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
還是 tofus 先在自己的 Figma fork 上面作業，然後直接丟 figma link 討論
最後討論完畢之後再想辦法 merge 回主要 Figma file 上
最後討論完畢之後再想辦法 merge 回主要 Figma file 上
感覺可以定期做 merge 就好（不然常常 merge 也是挺累的 orz
同時也可以做到一定的階段上傳到 Figma community 上，這樣其他設計師也比較好下載
Figma community 我就不熟了