2023-08-14 分類: 網(wǎng)站建設(shè)
軟件設(shè)計可分為兩個部分:編碼設(shè)計與UI設(shè)計。編碼設(shè)計大家都很熟悉,但是 UI設(shè)計照舊一個很陌生的詞,即使一些專門從事網(wǎng)站與多媒體設(shè)計的人也不完全理解UI的意思。UI的本意是用戶界面,是英文User和 interface的縮寫。從字面上看是用戶與界面2個組成部分,但現(xiàn)實上還包括用戶與界面之間的交互關(guān)系。
界面設(shè)計。在漫長的軟件發(fā)展中,界面設(shè)計工作一向沒有被正視起來。做界面設(shè)計的人也被貶義的稱為“美工”。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣,是產(chǎn)品的主要買點。一個友愛美觀的界面會給人帶來舒適的視覺享受,拉近人與電腦的距離,為商家創(chuàng)造賣點。界面設(shè)計不是單純的美術(shù)繪畫,他需要定位使用者、使用環(huán)境、使用體例并且為好終用戶而設(shè)計,是純粹的科學性的藝術(shù)設(shè)計。檢驗一個界面的標準即不是某個項目開發(fā)組向?qū)У囊庖娨膊皇琼椖砍蓡T投票的效果,而是好終用戶的感受。所以界面設(shè)計要和用戶研究緊密結(jié)合,是一個賡續(xù)為好終用戶設(shè)計寫意視覺效果的過程。
好近工作實在是繁忙,所以好久沒有更新自己的博客了,實在是對不起各位讀者。今天好不容易閑下來半天,所以和大家分享一下我之前總結(jié)的一套Web UI 設(shè)計命名規(guī)范,也就是網(wǎng)站用戶界面設(shè)計(俗稱網(wǎng)頁設(shè)計)命名規(guī)范。
這套規(guī)范并非單純的CSS、html或javascript命名規(guī)范,它涉及了許多使用PhotoShop這類設(shè)計工具進行網(wǎng)頁設(shè)計過程中的命名規(guī)范。(好久沒寫文章了,有點羅嗦,吼吼~)。首先我是出于公司幾位美工的設(shè)計效果圖源文件沒有對圖層命名而開始考慮總結(jié)一套的,還有一個原因就是網(wǎng)上大多命名規(guī)范都是關(guān)于編碼的,也就是那些css、html、js和一些服務(wù)器端語言的,至于設(shè)計方面的命名規(guī)范實在是很少。但是畢竟設(shè)計師也是技術(shù)團隊的成員,而且前端開發(fā)工程師是要使用設(shè)計師的效果圖源文件的,所以同一命名規(guī)范和設(shè)計規(guī)范對于團隊的協(xié)作和工作效率一定是有益處的。
這套WebUI設(shè)計命名規(guī)范總結(jié)自我的一些Web設(shè)計經(jīng)驗和國外設(shè)計師的命名體例推薦。
Web UI 設(shè)計命名規(guī)范
一.網(wǎng)站設(shè)計及基本框架結(jié)構(gòu):
1. Container
“container“ 就是將頁面中的所有元素包在一路的部分,這部分還可以命名為: “wrapper“, “wrap“, “page“.
2. Header
“header” 是網(wǎng)站頁面的頭部區(qū)域,一般來講,它包含網(wǎng)站的logo和一些其他元素。這部分還可以命名為:“page-header” (或 pageHeader).
3. Navbar
“navbar“等同于橫向的導(dǎo)航欄,是好典型的網(wǎng)頁元素。這部分還可以命名為:“nav”, “navigation”, “nav-wrapper”.
4. Menu
“Menu”區(qū)域包含一般的鏈接和菜單,這部分還可以命名為: “subNav “, “l(fā)inks“,“sidebar-main”.
5. Main
“Main”是網(wǎng)站的主要區(qū)域,假如是博客的話它將包含的日志。這部分還可以命名為: “content“, “main-content” (或“mainContent”)。
6. Sidebar
“Sidebar” 部分可以包含網(wǎng)站的次要內(nèi)容,比如好近更新內(nèi)容列表、關(guān)于網(wǎng)站的介紹或廣告元素等…這部分還可以命名為: “subNav “, “side-panel“, “secondary-content“.
7. Footer
“Footer”包含網(wǎng)站的一些附加信息,這部分還可以命名為: “copyright“.
網(wǎng)頁標題:WebUI設(shè)計命名規(guī)范國外設(shè)計師經(jīng)驗談
文章URL:http://jinyejixie.com/news6/275506.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、關(guān)鍵詞優(yōu)化、外貿(mào)建站、響應(yīng)式網(wǎng)站、建站公司、網(wǎng)站設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容