iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

30天製作RWD個人品牌網站 系列

用30天時間分享自身經驗,從基礎觀念開始,以自己的線上作品集為例,讓即使是初學者也有能力可以製作專屬於自己的Side Project,向世界展示自己。

鐵人鍊成 | 共 30 篇文章 | 4 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1. 前言

Hi~ 大家好,我是Luna這是我第一次參加鐵人賽,在這之前因為學習、工作上查資料時常常會看到IT邦的文章,沒想到自己有一天也會參與在其中。在第一天想先簡單介紹...

2023-09-16 ‧ 由 luna0228 分享
DAY 2

Day2. 主題大綱介紹

前一篇有簡單介紹自己、參賽原因及提及主題今天要來說明這次主題的大綱及預計會有的內容,首先先提供作為範例的我的線上作品集參考。那就開始吧!Luna的線上作品集 使...

2023-09-17 ‧ 由 luna0228 分享
DAY 3

Day3. 找尋靈感

做任何事一開始總是最困難的,做網站也一樣,當不知道從何開始時,會很需要一些靈感來激發自己的創意,所以可以養成在日常生活中常常留意看過的設計、網站等等,將喜歡內容...

2023-09-18 ‧ 由 luna0228 分享
DAY 4

Day4. 如何制定網站內容?

有了靈感以後,就要開始規劃網站要放入什麼內容啦!每個人的方式不太一樣,可以善用「5W1H」來思考,也就是Why、What、Where、When、Who、How,...

2023-09-19 ‧ 由 luna0228 分享
DAY 5

Day5. 網頁UI設計-Wireframe線框稿

到Day5啦!已經到個小段落了,那就再說明一下,這次的挑戰是以我的作品集為範例,分享給大家RWD靜態網站從頭到尾的製作過程,希望過了這30天你也能創造屬於自己的...

2023-09-20 ‧ 由 luna0228 分享
DAY 6

Day6. Figma(1) 教學介紹、繪製Wireframe

嗨~從今天開始就是Figma教學了!不知道大家對網頁設計是否有初步的概念了呢?今天會簡單介紹Figma及基本操作方法,再用穿插教學的方式帶著大家使用Figma繪...

2023-09-21 ‧ 由 luna0228 分享
DAY 7

Day7. Figma(2) 插件推薦

嗨大家好,前面幾天內容有點多,今天來談談比較輕鬆的。Figma有許多強大的功能之外,也有許多神人提供插件,可以更多樣、方便製作想呈現的效果,這邊來介紹幾個我常用...

2023-09-22 ‧ 由 luna0228 分享
DAY 8

Day8. Figma(3) 製作Mockup視覺稿

第八天!今天要繼續Figma教學,接下來會先設定好視覺稿尺寸,再依據前面繪製的Wirefame並結合在Day4確定下來的網站風格、用色,忘記的可以回去複習。Da...

2023-09-23 ‧ 由 luna0228 分享
DAY 9

Day9. Figma(4) 製作Prototype原型

今天是最後一天的Figma教學,前面幾天介紹了Figma,並以Wireframe為例說明了主要功能的使用方法,應該都有感受到Figma的操作有多簡易、方便了吧!...

2023-09-24 ‧ 由 luna0228 分享
DAY 10

Day10. (補充)網頁設計好用工具、網站

終於來到第10天啦!今天再接再厲!網頁設計過程中,其實是很大的工程,往往都不是一天就能完成,今天就要來推薦一些網路上好用的工具、網站,適當配合能夠減少許多不必要...

2023-09-25 ‧ 由 luna0228 分享