在寫網站命名時遇到煩惱嗎? 這邊整理了常用到的命名!
點下面節點可快速到達該區塊:
- 命名規則最好是:
- 抽象化命名 (避免用實際顏色、單位等),例如:提示文字命名 text_red 改成 text_tips。
- 區塊階層命名 (避免用區塊的位置命名),例如:左邊選單 left_menu 改成 sub_menu。
- 有描述性,少用縮寫,除非是大家常用的縮寫,例如:數字錯誤 num_errors。
- 有些公司大小寫的命名可能有限制,請先詢問你公司有沒有原本就定好的規則。
- 有多個單字組成怎麼命名?
- 單字小寫+單字第一個字大寫,例如:子選單 subMenu。
- 單字小寫_單字小寫,例如:子選單 sub_menu。
- 單字小寫-單字小寫,例如:子選單 sub-menu。
{ 常用區塊命名}
| 中文 | 命名 | 中文 | 命名 |
|---|---|---|---|
| 佈局 | layout | 範本 | template |
| 頁面外圍控制整體 | wrapper、wrap | 容器 | container |
| 內容 | content | 頁首 | header |
| 導覽行 | navbar、nav | 頁尾 | footer |
| 側邊欄位 | sidebar | 選單/ 菜單 | menu |
| 主要區域 | main | 子選單/ 子- | subMenu/ sub- |
| 註冊 | register | 登入 | login |
{ 常用元件命名}
| 中文 | 命名 | 中文 | 命名 |
|---|---|---|---|
| 按鈕 | button、btn | 文字 | text、font |
| 標誌 | logo | 橫幅 | banner |
| 表單 | form | 下拉選單 | dropdown |
| 欄位 | column、col | 箭頭 | arrow |
| 搜尋 | search | 滾動條 | scroll |
| 主題 | theme | 列表 | list |
| 標籤頁 | tab | 標籤 | tag |
| 區塊 | box | 標題 | title |
| 數量 | number、num |
{ 可能會用到元件命名}
| 中文 | 命名 | 中文 | 命名 |
|---|---|---|---|
| 圓角 | round | 資源 | source |
| 小技巧 | tips | 合作伙伴 | partner |
| 服務 | service | 指南 | guild |
| 投票 | vote | 註解 | note |
| 狀態 | status | 摘要 | summary |
| 公佈欄 | dashboard | 描述 | description/ desc |
| 欄位 | |||
| 驗證碼 | CAPTCHA | 非機器人驗證 | reCAPTCHA |
| 確認密碼 | comfirm_password | ||
| 購物 | |||
| 購物車 | cart | 結帳 | checkout |
| 交易 | transaction | 當前的 | current |
| 歷史紀錄 | history | 訂單 | order |
| 換貨 | exchange | 退款 | refund |
| 退貨 | return | 發票 | receipt |
| 禮券 | voucher | 有現貨 | in_stock |
| 賣光 | sold_out | 回饋點數 | rewards_points |
| 兌換點數 | redeem | 規格 | specifications |
| 多件促銷 | multiple promotions | 運費 | delivery fee |
| 自訂/ 客製化 | customize | 商品狀況 | product condition |
| 全新 | new | 二手 | used |
| 餐廳 | |||
| 餐點 | meal | 種類 | category |
| 套餐 | combo | 口味 | flavor |
| 後台 | |||
| 權限 | authority | 帳號 | account、user |
| 報表 | report | 會計 | accountant |

從平面設計漸漸轉職到前端網頁,日常就是追劇、看綜藝大笑來撫平身心。
『沒事多學習,多學習好事。』來鼓勵躺平的自己。
喜歡我的文章請幫我按讚哦!信箱:doublinlin@gmail.com