Slack archive

designer

Month: 2024-08

2024-08-03

tofus 10:58:07
@eriol is sharing about the diary study they’ve done during past few years at COSCUP!
IMG_6097
IMG_6098
IMG_6100
IMG_6101
IMG_6102
✏️ 6 ❤️ 5
tofus 13:07:32
IMG_6106
❤️ 4

2024-08-04

黃文瑜 15:56:35
@jemmy0818thu has joined the channel
kevyourdev 15:56:41
@kevyourdev has joined the channel

2024-08-05

tofus 00:13:33
What an amazing day and lovely workshop

Shoutout to everyone 🚀 🚀 🚀
IMG_6117
IMG_6118
IMG_6119
IMG_6120
IMG_6122
4 ❤️ 4
Bamboo Lai 14:30:41
@zxc25072981 has joined the channel

2024-08-08

承哲 星辰代卸 10:15:25
@crayon3shawn has joined the channel

2024-08-19

relin1001 16:01:03
@relin1001 has joined the channel

2024-08-22

mrorz 18:48:25
好奇 @terry.f.wang 或其他設計師使用 Penpot 的感想
我在做 Open165 的設計，目前是手動複製 NextUI Figma Kit 的東西進到 Open165 來用，它的 component 有好多變數，不知道 Penpot 是否支援。

工程方面，Figma 把 devmode 收到 paywall 後面，確實對我來說滿痛的，畢竟 component 現在只能看到 style 名稱，要抓值設 design token 變得好麻煩。
之前有跟 Penpot 的工作人員來回過信件，因為他們目前還是有一些很嚴重的問題待解決（比方說一輸入中文字體系統就會崩潰之類的，不過他們說 9 月的更新混解決這個問題）

9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
它支援 google font 裡的 CJK 字體嗎
有的話應該還行ㄅ
像 open165 上的就是 Noto Sans TC 與 Noto Serif TC
他裡面其實都有內建開源字體
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
真慘
非常困擾 Orz
看起來複製貼上中文沒問題
似乎是他的 JS code 沒有好好處理組字的事件
就是慢點打的話還是有辦法
但就是要慢點
一秒一根手指一個注音之類的
原來慢點 ok 嗎 lol
日文也有組字
我也來試試看
嗯對，爛的
怎麼看都是組字邏輯的鍋
它上面是不是沒這張票
https://github.com/penpot/penpot/issues
似乎是
> 他們說 9 月的更新會解決這個問題
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
晚上有空我開張票好了
笑鼠
太感謝了
我可以把我當初寄給他們的影片一並貼上去
哇是用 Clojure 寫的
我幫不上忙 lol
◉‿◉
我想要先把 figma 上的檔案遷移到 penpot 上去
再幫我點擊同意編輯ㄛ
（搬家工程需要 plugin 才做得到
Approved
結論是我還是原地重刻好了
先不要，我可能會考慮繼續用 Figma ＸＤＤＤ
笑鼠
不過我可以幫你看看設計
然後字體大小希望 18px 起跳 XD
上面有 exact match 的 section 我是用可以展開的 accordion
好窩
我已經先把排版還有 local style 整理好了
尼再幫我看一哈

https://github.com/cofacts/open165/pull/22
回應一下關於 ui kit 的部分
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz

（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
好耶大感謝
mrorz 18:48:25
好奇 @terry.f.wang 或其他設計師使用 Penpot 的感想
我在做 Open165 的設計，目前是手動複製 NextUI Figma Kit 的東西進到 Open165 來用，它的 component 有好多變數，不知道 Penpot 是否支援。

工程方面，Figma 把 devmode 收到 paywall 後面，確實對我來說滿痛的，畢竟 component 現在只能看到 style 名稱，要抓值設 design token 變得好麻煩。

Figma

Open165

Created with Figma

NextUI

NextUI - Beautiful, fast and modern React UI Library

Beautiful, fast and modern React UI Library

之前有跟 Penpot 的工作人員來回過信件，因為他們目前還是有一些很嚴重的問題待解決（比方說一輸入中文字體系統就會崩潰之類的，不過他們說 9 月的更新混解決這個問題）

9 月之後我們可以來看看這可以怎麼 apply
當中有蠻多功能我覺得是蠻類似的
它支援 google font 裡的 CJK 字體嗎
有的話應該還行ㄅ
像 open165 上的就是 Noto Sans TC 與 Noto Serif TC
他裡面其實都有內建開源字體
但只要是輸入中文（即便是 moto sans cjk），一按下選字鍵的那一瞬間整個系統就會 crash 掉，所以我猜不是字體的問題
真慘
非常困擾 Orz
看起來複製貼上中文沒問題
似乎是他的 JS code 沒有好好處理組字的事件
就是慢點打的話還是有辦法
但就是要慢點
一秒一根手指一個注音之類的
原來慢點 ok 嗎 lol
日文也有組字
我也來試試看
嗯對，爛的
怎麼看都是組字邏輯的鍋
它上面是不是沒這張票
https://github.com/penpot/penpot/issues
似乎是
> 他們說 9 月的更新會解決這個問題
身為工程師，我覺得不要相信這個時程
尤其是，他根本沒票追蹤 lol
晚上有空我開張票好了
笑鼠
太感謝了
我可以把我當初寄給他們的影片一並貼上去
哇是用 Clojure 寫的
我幫不上忙 lol
◉‿◉
我想要先把 figma 上的檔案遷移到 penpot 上去
再幫我點擊同意編輯ㄛ
（搬家工程需要 plugin 才做得到
Approved
結論是我還是原地重刻好了
先不要，我可能會考慮繼續用 Figma ＸＤＤＤ
笑鼠
不過我可以幫你看看設計
然後字體大小希望 18px 起跳 XD
上面有 exact match 的 section 我是用可以展開的 accordion
好窩
我已經先把排版還有 local style 整理好了
尼再幫我看一哈

https://github.com/cofacts/open165/pull/22
回應一下關於 ui kit 的部分
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz

（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
好耶大感謝
👀 1
tofus 23:03:08
回應一下關於 ui kit 的部分
由於這類變數的設定都挺精細的，所以各個軟體能夠提供的參數都很不一樣，目前看到 penpot 沒有提供這樣的 ui library 所以應該是要整個重建 Orz

（冷知識：ui library 通常都是設計師在 figma 上手工做出來的，像是蘋果的官方 Figma ui 模板全部都是靠一個設計師在 Figma 上一個個做出來的，裡面包含了設計師滿滿的愛）
1
tofus 23:18:48
發現連按鈕都用襯線看起來素質就變高了許多…
IMG_6266
對呀襯線感覺很誠懇高級

拿來勸說「這是詐騙」很不錯
無襯線太科技了
（華語好像應該說宋體 vs 黑體）
（或明體）
襯線是西文字體脈絡的東西捏
是ㄚ
不過這個字體就叫 noto serif
直翻就是襯線體
單純是對齊西文而已
是的
但中文字體名還是會回歸黑體 / 宋體 or 明體
https://source.typekit.com/source-han-serif/tw/
所以原來這個是宋體ㄇ
確實是明朝人發明的字體，因為宋朝的字體其實不是長這樣
但皇帝說得算
#明朝人發明的宋體
~大概是因為康熙很討厭明朝~
笑 die
回到 Open165
其實我會想要把某些字，例如說「是詐騙」之類的重點字，用螢光筆的方式呈現
配上襯線，會很有筆記感
但 Figma 要做這個好像只能用 Absolute 排版的色塊
這個我回去開筆電做做看
Open165 logo 也改用垂直筆畫較粗、有麥克筆感、歐文圓圈部分較大的 Yusei Magic 好了
https://blog.justfont.com/2023/02/google-fonts-cjk/

雖然本身沒有襯線（logo 空間不足，放襯線顯得太多），但橫豎不同寬的特色，應該會跟網頁上的明體標題很搭
然後螢光筆、襯線的筆記感
會讓我覺得，要不要整個網站改叫做「Open 165 防詐筆記」
可能會比現在冷冰冰的防詐資訊站好
好哇
我可以幫忙想一下視覺
感覺也很適合 cofact 黃？
嗯黃色不錯
不過可能要注意 Cofacts 黃
和白色與黑色的對比都略顯不足，不知道怎麼辦
我可以幫忙找新的色盤，不過因為我發現在別人的檔案裡我不能用專業版的功能（比方說串 library 之類的 qq

所以之後的檔案還是會以發 pull request 的方式貢獻喔
不然可能就要研究一下 Figma community 有沒有機會做到類似的操作
防詐筆記
很適合再加一兩句 溫馨副標
我想在大松之前把一些想法 畫成 mockup，但這會讓 design PR 更難 merge 。

好奇 @terry.f.wang 對這個 PR comment 的想法是什麼呢？

https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
我等等來看看這些做起來怎麼樣
💡 3 👍 1

2024-08-23

2024-08-24

2024-08-28

moon_c 15:18:37
from tofus version
但還沒認真深入介面，目前專案的東西都在這份文件嗎
iPhone 14 & 15 Pro - 1.png
對對

豆腐在這裡也有放兩個 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
但這個merge的工作是不是只能主檔案的主人做？
對呀有點痛苦
但有編輯權限的應該也可以？
主檔publish Figma社群是不是就可以整的style抓下來，然後要改的人push fig擋回去給主人
（好可憐喔我們XD
其實如果不是改那些牽一髮動全身的東西（如 style 等等）
感覺 figma 還是直接開 edit 權限給想貢獻的人比較直接 XD”
figma 本身的
編輯權限按人頭算的，這樣協作起來不是很方便:melting_face:除非有個設計師小幫手主要幫忙彙整檔案，那就付開發+設計兩個人頭錢
figma現在什麼都要錢了哈哈，套養殺開始
感覺還是走 community 比較快 Orz
好奇 @terry.f.wang 接下來會想要怎麼繼續這個 PR
一樣是改完然後上傳，然後我再下載這樣嗎
https://github.com/cofacts/open165/pull/23#issuecomment-2308717446
還是 tofus 先在自己的 Figma fork 上面作業，然後直接丟 figma link 討論
最後討論完畢之後再想辦法 merge 回主要 Figma file 上
感覺可以定期做 merge 就好（不然常常 merge 也是挺累的 orz
同時也可以做到一定的階段上傳到 Figma community 上，這樣其他設計師也比較好下載
Figma community 我就不熟了
😍 1 1 1 1
moon_c 15:20:44
是說因為現在Figma關開發者模式，我想也需就是直接用github把離線的fig檔傳出去也是個辦法
moon_c 15:20:44
是說因為現在Figma關開發者模式，我想也需就是直接用github把離線的fig檔傳出去也是個辦法
2

2024-08-29