HTML/CSS

 

!? 好的美的網頁 ?!

你應該先好奇我來幹嘛的XD

Syllabus

  • Example

  • Some Nice Tool

  • Template

周 彥 辰

Programmer ‧ Designer 

Programmer 

NTNU CSIE 105

 

HSNU CRC 31st

 

OTist OCDA Project Manager 

 

2014 Taiwan PHP Conf.

 

Designer

OTist Offical Logo Design

 

HSNU Library Logo Design

 

HSNU Alumni  Manager of

Souvenir & Digital Archives

一個好的美的網頁?

Example ?

啥是美學 ?

順眼,簡單

先來看個悲劇的><

醜1

醜2

構 圖

 

好的構圖是美學與平衡的關鍵

UI排版

 

挑字型:font-family 

選大小:font-size     

調行距:font-height

挑字型

 

 

選大小

          .class {

                 font-size : 15px ;

          }

調行距

          .chinese {

                 font-height : 1.7em ;

          }

 

 

          .english {

                 font-height : 1.2em ;

          }

 

UI色彩學

 

RGB

HSV

RGB

HSV

Tool

 

i2style

Font Awesome

.

.

.

Thanks ~

 

Q&A