隨著現(xiàn)在網(wǎng)絡(luò)技術(shù)的發(fā)展，人們經(jīng)常會(huì)用到電腦來登錄一些網(wǎng)站，而這時(shí)就會(huì)出現(xiàn)用戶登錄界面，那么用戶登錄界面設(shè)計(jì)圖標(biāo)有哪些呢?怎么設(shè)計(jì)的呢?下面就來具體的介紹一下。

如何用dreamweaver制作用戶登錄界面

　　1、插入一個(gè)div，設(shè)置為400x300px大小，背景色為米黃色，居中。

　　2、輸入標(biāo)題文字和用戶名、密碼，調(diào)整位置。

　　3、繼續(xù)插入填寫部分，插入--表單--文本域，所以需要輸入內(nèi)容的“框”都是文本域。設(shè)置用戶名文本域ID為username，點(diǎn)擊確定。

　　4、繼續(xù)同樣的方式插入密碼的文本域，設(shè)置ID為password。因?yàn)槊艽a是非明文的，不需要顯示，所以我們在屬性面板里選擇文本域的類型--密碼。

　　5、插入按鈕。插入--表單--按鈕，插入兩個(gè)按鈕，ID分別設(shè)置為login和reg。login按鈕設(shè)置為登陸，reg按鈕設(shè)置為注冊。

　　6、初始值是我們未輸入內(nèi)容時(shí)，填寫框顯示的提示文字。

（圖片來自網(wǎng)絡(luò)）

如何設(shè)計(jì)用戶界面

　　界面統(tǒng)一，至關(guān)重要

　　在進(jìn)行用戶界面設(shè)計(jì)的時(shí)候，保證頁面、功能和選項(xiàng)設(shè)置之間的一致性很重要。用戶在使用你的程序時(shí)會(huì)有所期待。如果每個(gè)頁面上的相同元素老是變來變?nèi)ィ坏屓撕慷沂谷司趩省?/span>

　　比如說，如果在主頁上用戶使用的是頂部導(dǎo)航條在不同頁面之間進(jìn)行切換，你必須確保在打開的子頁面中也有頂部導(dǎo)航條，且上面的鏈接順序與主頁的一致。

　　其他需要保持一致的包括頁面配色方案和整體布局，以及程序中可能會(huì)間接使用到的重要鏈接(比如說，帳號管理和FAQ幫助文件)。

　　你的用戶有時(shí)會(huì)犯錯(cuò)

　　不管用戶界面多么直觀，你在設(shè)計(jì)的時(shí)候多么小心，你的用戶偶爾還是會(huì)犯錯(cuò)。有時(shí)只是因?yàn)樗麄儾恍⌒狞c(diǎn)錯(cuò)了地方，有時(shí)是他們操作的時(shí)候沒有注意到，或者根本沒在看網(wǎng)頁。

　　不管怎樣，重要的是確保用戶能夠輕易地撤銷他們的錯(cuò)誤操作。

　　你會(huì)注意到在許多的網(wǎng)絡(luò)程序中，包括Google Docs，幾乎任何時(shí)候只要你做些什么，就會(huì)看到一個(gè)撤銷上次操作的鏈接。在其他程序中，你可能得使用菜單來撤銷一個(gè)操作。但是最好的網(wǎng)絡(luò)程序還是會(huì)盡量保證任何時(shí)候都能輕松返回上一步或兩步。

（圖片來自網(wǎng)絡(luò)）

　　如何做界面UI設(shè)計(jì)的展示圖

　　第一部分：圖標(biāo)創(chuàng)意階段;

　　第二部分：草圖繪制階段;

　　第三部分：草圖渲染階段。

　　當(dāng)然真正做界面圖標(biāo)不是就這么簡單的。

　　通過以上的介紹我們了解了用戶登錄界面設(shè)計(jì)圖標(biāo)的相關(guān)內(nèi)容，只有選擇合適的設(shè)計(jì)軟件，才能設(shè)計(jì)出符合登錄界面的圖標(biāo)。