標籤：ironman

design· 3 分鐘

鐵人賽：網頁設計 - 網路字體運用

字體如果沒有授權問題，是否能夠直接嵌入於網頁之中呢？（請注意：大部分中文字體都會有授權的問題） 當然是可以的，英文網站中許多都會使用自訂的字體，但中文字體可就沒…

designironman

2018 年 10 月 26 日 繼續閱讀 →

design· 4 分鐘

鐵人賽：系統字體介紹

字體一直是設計師排版的關鍵之一，但由於網頁設計受到技術、法規、網路影響，在網頁上能夠使用的字體非常有限，本篇文章其實並非告訴大家怎麼使用字體才會「美」，而是了解…

designironman

2018 年 10 月 25 日 繼續閱讀 →

design· 3 分鐘

鐵人賽：色彩運用(3) - 按鈕的配色

上一篇透過連結的狀態了解運用，本篇則是探討按鈕再運用上的色彩變化，包含了一般、行動呼籲、外框線、警告意味等常見的類型，當然這些類型介紹上別不會包含上一篇的 “狀…

designironman

2018 年 10 月 24 日 繼續閱讀 →

design· 3 分鐘

鐵人賽：色彩運用(2) - 連結的配色

除了親和性的配色外，訊息的傳遞也是很重要的，與平面設計不同的是訊息並非只有圖文的傳遞，還包含了狀態、互動、提示等等訊息，訊息也同時可以用許多不同色彩表示，增加訊…

designironman

2018 年 10 月 23 日 繼續閱讀 →

design· 3 分鐘

鐵人賽：色彩運用(1) - 你的網頁文字是否足夠清楚呢？

上一篇介紹了整體色彩選擇，按造該概念完成一個網頁相信不是什麼問題，不過色彩到底怎麼選？運用上有什麼需要注意的？本篇就來介紹一下吧。 Accessibility：…

designironman

2018 年 10 月 22 日 繼續閱讀 →

design· 4 分鐘

鐵人賽：網頁設計色彩配置概念

根據上一篇介紹的設計規範參考，實戰中有許多需要事先定義，而色彩是使用者打開網站最先體驗到的部分。好比說 Facebook 的深藍色、Google 的紅色、LIN…

designironman

2018 年 10 月 21 日 繼續閱讀 →

design· 4 分鐘

鐵人賽：文件、規範參考 - Material Design

程式領域裡面非常重視文件，當然 UI 中也是如此，為了確保設計可以被執行，大型應用程式、系統都會推出屬於自己的規範，如： iOS 的 Human Interfa…

designironman

2018 年 10 月 20 日 繼續閱讀 →

design· 4 分鐘

鐵人賽：網頁設計常用格線系統(下)

上一篇介紹了格線系統的概念及計算方式，擁有了這些觀念後會如何運用在繪圖軟體上呢？無論你是使用 Sketch 或是 Adobe XD 都可以快速建立如前文所提到的…

designironman

2018 年 10 月 19 日 繼續閱讀 →

design· 3 分鐘

鐵人賽：網頁設計常用格線系統(上)

學習設計的時候，一定會討論到網格系統，透過網格可將圖片、文字做有條理的編排，只要有了網格做支撐，就算是複雜的圖文都會有規矩的排列。相反的，如果平面設計缺乏網格系…

designironman

2018 年 10 月 18 日 繼續閱讀 →

design· 5 分鐘

鐵人賽：設計師思維及工程師思維

我接觸設計的時間也非常長了，從大學、研究所到剛出社會，都是維持著設計的思維，直到開始認真學習 Sass、JavaScript 思維才慢慢偏向工程師（不得不說，S…

designironman

2018 年 10 月 17 日 繼續閱讀 →