網頁UI元件設計心得

在初期設計UI元件的時候，往往會遇上的問題是，功能沒問題，但是外型樣式一直修改，改到最後不知道自己在改些什麼東西`，直到最後定版了才把所有的東西全部重新做一遍，之後如果想要修改，又必須重新經歷過一次才能夠達成目標，從許多方面來說都是蠻令人困擾的。

如何有條理的製作網頁UI元件

將網頁UI元件結構變得有條理，滿足下面的基本需求是非常重要的。

1. 可重複使用。
2. 不會因為大小的變化而變形。
3. 不會因為排版的不同而變形。

實際的製作架構

<div class="layout">
    <div class="component-size">
        <ui-component></ui-component>
    </div>
</div>