Web UI 美工設計命名規範

2022-03-22 19:18:41 字數 411 閱讀 5973

**使用者介面設計(俗稱網頁設計)命名規範。

二.需要注意的幾點:

1.盡量考慮為元素命名其本身的作用或"用意",達到語義化。不要使用表面形式的命名. 如:red/left/big等。

2.組合命名規則: [元素型別]-[元素作用/內容]

如:搜尋按鈕: btn-search

登入表單:form-login

新聞列表:list-news

3.涉及到互動行為的元素命名:

凡涉及互動行為的元素通常會有正常、懸停、點選和已瀏覽等不同樣式,命名可參考以下規則:

滑鼠懸停::hover 點選:click 已瀏覽:visited

如:搜尋按鈕: btn-search、btn-search-hover、btn-search-visited

以上命名規範僅供參考。

設計模式命名規範

工廠模式 designfactory 單例模式 designsingleton 建造者模式 designbuilder 原型模式 designprototype 介面卡模式 designadapter 裝飾模式 designdecorator 模式 designproxy 外觀模式 designfa...

網頁設計命名規範

網頁設計命名規範 一.設計及基本框架結構 網頁設計命名規範二.需要注意的幾點 1.盡量考慮為元素命名其本身的作用或 用意 達到語義化。不要使用表面形式的命名.如 red left big等。2.組合命名規則 元素型別 元素作用 內容 如 搜尋按鈕 btn search 登入表單 form login...

小白電商美工(設計師)都該了解一下PSD分層模板

什麼是psd分層模式?psd模式可以在許多態別的設計中使用。您可以使用它們來設計時尚的背景,建立紋理,文字效果,以及更多。甚至有乙個內建的工具.然後給你的新圖案命名並儲存在photoshop圖案庫中。獲得這類psd分層模板?如果你是恰巧電商美工 設計師 推薦到提供電商類素材國內比較豐富的優圖網 不管...