介紹網頁設計的流程與執行方式

1. 設計流程
分享

2. 新舊愛恨

3. 新
找資料 : 競爭對手 , 相關資料 , 研究分析
參考網站討論
.
.
.
.
.
.
.
.
.
.

4. 舊
•閱讀舊官網資料及現有資料
•找參考網站資料 ( 適合屬性資料 )
•創意發想配合動態設計方式 parallax
•設計
-logo 色系搭配
- 網站配色
- 版面配置
-photoshop 網格
-banner 設計
- 字型搭配
- 文字大小
- 找圖配圖 ( 關鍵字搜尋、找對圖帶你上天堂 )
•設計精修
•黑白看稿

5. 創意發想 http://fish.web.hdv.tw/jan/demo01/html/tw/index.html

6. 網站配色 https://asana.com/
LOGO+ 企業色

7. 版面配置http://www.hfcind.com/

8. 網格設計

9. Banana? Banner

10. Key Visual

12. 字型 ( ﾟ∀ﾟ )
http://hellohappy.org/beautiful-web-type/

13. http://hellohappy.org/beautiful-web-type/

14. 找圖
英文找圖 精準文法

15. 精準搜尋 Earth? Global?
Cooperate 、 background 、 background matal 、
background green

16. 精準搜尋
Cooperate 、 background 、
background metal 、
background green

20. RWD? 有嗎

21. 文字配置

22. 配色

23. 配色

24. 反 看看黑

25. 等待

26. 問題討論 QA