iT邦幫忙

網頁設計相關文章
共有 840 則文章
2 Like 0 留言 5317 瀏覽
鐵人賽 Modern Web DAY 12
以經典小遊戲為主題之ReactJS應用練習 系列 第 12 篇

技術 Day12 - 貪吃蛇篇：蛇的原理及資料結構規劃

事前聲明 在挑戰鐵人賽之前，其實我也完全沒有想過貪吃蛇要怎麼做，所以為了做這次的貪吃蛇遊戲，我找了一些資料。其中對我幫助很大的是墨雨設計吳哲宇老師在 hahow...

Taiming ‧ 2018-10-27 ‧團隊開橋找井
3 Like 0 留言 5595 瀏覽
鐵人賽 Modern Web DAY 13
前端「設計」聖光之路 系列 第 13 篇

技術 文字大小、行高與空間上的關係

一般平面設計師再進入網頁環境時，會不清楚網頁設計所用的單位數值，造成設計稿與開發的畫面有嚴重的落差；且網頁設計本身有許多「慣用的數值」，建議一開始也能先使用大...

卡斯伯 ‧ 2018-10-27
1 Like 0 留言 10757 瀏覽
鐵人賽 Modern Web DAY 11
以經典小遊戲為主題之ReactJS應用練習 系列 第 11 篇

技術 Day11 - 貪吃蛇篇：前言及功能構想

前言 談到經典小遊戲，除了圈圈叉叉遊戲之外，還有一個家喻戶曉的遊戲，就是貪吃蛇，雖然現在智慧型手機和各種遊戲機的遊戲越做越華麗，越來越炫砲，但是經典的遊戲終究還...

Taiming ‧ 2018-10-26 ‧團隊開橋找井
2 Like 0 留言 2638 瀏覽
鐵人賽 Modern Web DAY 12
前端「設計」聖光之路 系列 第 12 篇

技術 網頁設計 - 網路字體運用

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

卡斯伯 ‧ 2018-10-26
1 Like 0 留言 2355 瀏覽
鐵人賽 Modern Web DAY 10
以經典小遊戲為主題之ReactJS應用練習 系列 第 10 篇

技術 Day10 - Tic Tac Toe篇：Single Play機制

Single Play機制 昨天完成判斷勝負功能之後，我們剩下最後一個功能，就是讓玩家可以跟電腦對弈，回憶一下 Day03 的時候，我們有設計一個 isSing...

Taiming ‧ 2018-10-25 ‧團隊開橋找井
3 Like 0 留言 7996 瀏覽
鐵人賽 Modern Web DAY 11
前端「設計」聖光之路 系列 第 11 篇

技術 網頁設計 - 系統字體介紹

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

卡斯伯 ‧ 2018-10-25
1 Like 0 留言 3155 瀏覽
鐵人賽 Modern Web DAY 9
以經典小遊戲為主題之ReactJS應用練習 系列 第 9 篇

技術 Day09 - Tic Tac Toe篇：勝負判斷方法(2/2)

勝負判斷分析 昨天完成了 row 方向和 column 方向的勝負判斷，今天我們要來完成右斜和左斜方向的勝負判斷，我這邊先把這兩個方向命名為 forwardSl...

Taiming ‧ 2018-10-24 ‧團隊開橋找井
3 Like 0 留言 3106 瀏覽
鐵人賽 Modern Web DAY 10
前端「設計」聖光之路 系列 第 10 篇

技術 色彩運用(3) - 按鈕的配色

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

卡斯伯 ‧ 2018-10-24
1 Like 0 留言 6205 瀏覽
鐵人賽 Modern Web DAY 8
以經典小遊戲為主題之ReactJS應用練習 系列 第 8 篇

技術 Day08 - Tic Tac Toe篇：勝負判斷方法(1/2)

勝負判斷分析 窮舉法 在 3x3 的圈圈叉叉遊戲中，獲勝的組合只有 8 種，以上圖為例，每個格子裡面的數字代表 block id，我們窮舉出所有獲勝連線： /...

Taiming ‧ 2018-10-23 ‧團隊開橋找井
2 Like 0 留言 2157 瀏覽
鐵人賽 Modern Web DAY 9
前端「設計」聖光之路 系列 第 9 篇

技術 色彩運用(2) - 連結的配色

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

卡斯伯 ‧ 2018-10-23
2 Like 0 留言 2536 瀏覽
鐵人賽 Modern Web DAY 7
以經典小遊戲為主題之ReactJS應用練習 系列 第 7 篇

技術 Day07 - Tic Tac Toe篇：勝負判斷事前準備

到目前為止，我們伸縮自如的圈圈叉叉遊戲已經很像樣了，但是目前判斷勝負的工作還是需要玩家自己來判斷。我們希望電腦可以幫助我們判斷勝負，這樣就不用自己在那邊算自己是...

Taiming ‧ 2018-10-22 ‧團隊開橋找井
5 Like 4 留言 5988 瀏覽
鐵人賽 Modern Web DAY 8
前端「設計」聖光之路 系列 第 8 篇

技術 你的網頁文字是否足夠清楚呢？

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

卡斯伯 ‧ 2018-10-22
2 Like 0 留言 5746 瀏覽
鐵人賽 Modern Web DAY 7
前端「設計」聖光之路 系列 第 7 篇

技術 網頁設計色彩配置概念

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

卡斯伯 ‧ 2018-10-21
4 Like 0 留言 3202 瀏覽
鐵人賽 Modern Web DAY 6
前端「設計」聖光之路 系列 第 6 篇

技術 文件、規範參考 - Material Design

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

卡斯伯 ‧ 2018-10-20
2 Like 0 留言 1444 瀏覽
鐵人賽 自我挑戰組 DAY 4
蛻變事實－UI設計師勇闖前端城 系列 第 4 篇

技術 [蛻變事實／D04] 設計師勇闖前端城－（必備工具2：善用學習平台）

以前的學習不是上課就是補習班，現在學習路方便許多。我之前也花錢上過不同的前端課程，也是邊工作邊花自己的晚上或假日時間學習但也發現課上完了，若沒直接運用或是給自己...

凱特麻麻桑 ‧ 2018-10-19
3 Like 1 留言 5587 瀏覽
鐵人賽 Modern Web DAY 5
前端「設計」聖光之路 系列 第 5 篇

技術 網頁設計常用格線系統(下)

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

卡斯伯 ‧ 2018-10-19
8 Like 2 留言 14881 瀏覽
鐵人賽 影片教學 DAY 3
金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎 系列 第 3 篇

技術 金魚都能懂 網頁設計入門 : 用甚麼工具寫網頁? - 鐵人賽第三天

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 目前撰寫網頁常見的工具有哪幾個 Brackets 免費軟體，跟Adobe...

CSScoke ‧ 2018-10-18 ‧團隊阿莫斯の推坑教
0 Like 0 留言 2221 瀏覽
鐵人賽 Modern Web DAY 4
新手村的 Web Design 30天冒險 系列 第 4 篇

技術 新手村的 Web Design 30天冒險 | Day 4 { 前置作業 Content }

我是網頁開發初心者，這一系列是記錄學習網頁程式設計的筆記。 在一開始的開始，開始寫網頁的第一步老師先要求我們寫出四個網頁的「內容」只要內容，先不用任何的 S...

Roy Wang ‧ 2018-10-18
3 Like 0 留言 11203 瀏覽
鐵人賽 Modern Web DAY 4
前端「設計」聖光之路 系列 第 4 篇

技術 網頁設計常用格線系統(上)

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

卡斯伯 ‧ 2018-10-18
7 Like 1 留言 18014 瀏覽
鐵人賽 影片教學 DAY 2
金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎 系列 第 2 篇

達標好文 技術 金魚都能懂 網頁設計入門 : 網頁入門第一步 (第二天)

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 重點回顧 網頁是甚麼? 網頁其實就是一個純文字檔案，我們利用『標記』的方式來賦予資...

CSScoke ‧ 2018-10-17 ‧團隊阿莫斯の推坑教
0 Like 0 留言 4531 瀏覽
鐵人賽 自我挑戰組 DAY 2
蛻變事實－UI設計師勇闖前端城 系列 第 2 篇

技術 [蛻變事實／D02] 設計師勇闖前端城－（必備工具1：編輯器）

在網頁設計開發的歲月裡，我共用了以下幾項編輯器（舊－新） Dreamweaver 資深者最懂 XD ，雖然沒有再用它，但它的影像地圖功能還是無人能敵，還是好用丫...

凱特麻麻桑 ‧ 2018-10-17
4 Like 3 留言 5571 瀏覽
鐵人賽 Modern Web DAY 3
前端「設計」聖光之路 系列 第 3 篇

達標好文 技術 設計師思維及工程師思維

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

卡斯伯 ‧ 2018-10-17
10 Like 0 留言 9298 瀏覽
鐵人賽 影片教學 DAY 1
金魚都能懂的網頁設計入門 - 金魚都能懂了你還怕學不會嗎 系列 第 1 篇

達標好文 技術 鐵人賽第一天開播，節目預告

教學影片 不要錯過 CSS coke 的影片快按此訂閱CSS coke的頻道 追蹤 Amos 收好康資訊 Line搜尋「@csscoke」加入CSS可樂公開帳號...

CSScoke ‧ 2018-10-16 ‧團隊阿莫斯の推坑教
3 Like 1 留言 9552 瀏覽
鐵人賽 Modern Web DAY 2
前端「設計」聖光之路 系列 第 2 篇

技術 別使用平面繪圖軟體繪製 UI 設計

除了前端課程外，自己也是有辦一些額外的活動，而這些都會說到我是一名設計師轉職的前端工程師，除了介紹前端外，我也會介紹一些設計觀念。介紹時我大多都會使用 Sket...

卡斯伯 ‧ 2018-10-16
8 Like 4 留言 5041 瀏覽
鐵人賽 Modern Web DAY 1
前端「設計」聖光之路 系列 第 1 篇

達標好文 技術 為什麼要寫這篇系列文！？

我是卡斯伯，本身是設計出身，從高職 -> 大學 -> 研究所都是設計相關領域，出社會後從事網頁設計後來轉職為前端工程師。雖然主要工作是前端，但還是...

卡斯伯 ‧ 2018-10-15
1 Like 0 留言 3956 瀏覽
鐵人賽 Modern Web DAY 1
新手村的 Web Design 30天冒險 系列 第 1 篇

技術 新手村的 Web Design 30天冒險 | Day 1 { Introduction }

這一系列是記錄學習網頁程式設計的筆記 Day: Day 1 Content: Introduction { Introduction 自我介紹 } H...

Roy Wang ‧ 2018-10-15
2 Like 0 留言 4104 瀏覽

技術 HTML新手學習part1

哈囉大家好！最近在學HTML，所以想來跟大家分享一下，讓同樣初學習HTML的新手們比較好上路，也給自己一個地方可以記錄一下所學?~~如果內文有說錯的也還請大家多...

浪浪狗 ‧ 2018-10-09
13 Like 7 留言 95924 瀏覽

達標好文 技術 網站架設 ：18 篇佛心教學（網頁製作＋費用推薦）

本篇全文請看：網站架設 ：18 篇不藏私教學（網頁製作＋費用推薦） WordPress教學全文，請看：WordPress教學 ：24個後台課程（含安裝＋主...

小犬網站 ‧ 2018-08-02
1 Like 0 留言 2254 瀏覽

徵才 【誠徵】系統分析師

＜＜鴻揚科技歡迎您＞＞ 【我們在找】系統分析師 【職務說明】 負責對客戶進行系統需求之訪談。 針對客戶系統需求進行歸納分析，將其轉化成系統需求的規格書文件。...

hy_tech ‧ 2018-03-21
0 Like 0 留言 3060 瀏覽

徵才 【誠徵】軟體開發工程師 (C#.Net程式設計師)

＜＜鴻揚科技歡迎您＞＞ 【我們在找】軟體開發工程師 (C#.Net程式設計師) 【職務說明】1.企業客戶應用系統NET AP程式開發,視專案開發階段,滿足客戶專...

hy_tech ‧ 2018-03-19
iThome鐵人賽
參賽組數
902 組
團體組數
37 組
累計文章數
19843 篇
完賽人數
529 人
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 17th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# linux windows server css react
熱門問題
熱門回答
熱門文章
IT邦幫忙