㈠ web界面設計規范有哪些
一、網頁尺寸
製作網頁時，我們選用的解析度是72像素/英寸，使用的畫布尺寸1920px*1080px。
但是並不代表我們可以在整個畫布上作圖。
網頁的布局主要有兩種，左右型布局和居中型布局。布局的不一致，使得可設計的空間也不相同。
二、網頁字體
字體設計的總原則是：可辨識性和易讀性。
網頁的文字設計是系統默認的字體：宋體、微軟黑體、蘋果系統黑體，英文則建議使用arial無襯線字體
常用的字型大小大小有以下幾種：
12px是應用於網頁的最小字體，適用於非突出性的日期，版權等注釋性內容。
14px 則適用於非突出性的普通正文內容。
16px、18px或者20px 適用於突出性的標題內容。
㈡ Web設計的設計原則有哪些
原則1： 清晰
清晰是用戶界面設計最重要的原則之一，要讓用戶能夠有效地使用你設計的界面以及清楚的知道這個界面是用來做什麼的，能產生什麼樣的交互，解決什麼樣的問題。清晰意味著能准確表達出信息內容。它有助於防止用戶出錯，清楚地呈現出重要信息並提供完美的用戶體驗。
原則2： 以用戶為中心
在用戶界面設計中，設計師要清楚誰才是真正的使用者。要能夠站在用戶的立場和角度來考慮設計網頁。用戶是你最終產品的體驗者，所以，在做設計時，要遵循以用戶為中心的原則。用戶不會花太多時間在同一個網頁，只要他找到自己所要的訊息，就會跳轉到另一個頁面繼續尋找下一個信息。網頁設計師要知道，用戶之間的差別很大，他們的操作習慣和能力也各有不同。你不能滿足所有人的期望，也別試圖去滿足所有人的期望，因為那是不可能的事。你要做的只能是讓你的網站使用更加方便易操作，要做到這點，你必須了解用戶的需求，目標和偏好以及操作習慣。
原則3：KISS（Keep It Simple And Stupid）
簡單易操作，這也是網頁設計最基本也是最重要的原則。要讓用戶覺得自己是在控制軟體，而不是感覺被軟體控制。切記網頁的可操作性，用戶的習慣和能力各不相同，他們不是網頁設計師，並不懂你們設計這個網頁的原理和操作方式。並且絕大數的用戶，對於電腦的使用經驗是很初級的，只要稍微復雜一點的操作就會讓他們感覺很費力，所以網頁設計師需要注意的是，減少操作。這里所說的stupid，不是愚蠢，而是能減輕用戶的負擔，讓操作更加簡單。
㈢ Web UI設計規范及界面實現注意事項
適用於WEB產品線的人機交互界面的設計，貫穿於以用戶為中心的設計指導方向。根據WEB產品的特點制定出的一套規范，以達到提升用戶體驗，控制產品設計質量，提高設計效率的目的。
適合界面設計師、用戶體驗設計師、前台設計工程師、發布支持人員、運營編輯人員等
1．【統一識別】規范能使頁面相同屬性單元統一識別，防止混亂，甚至出現嚴重錯誤，避免用戶在瀏覽時理解困難。
2．【節約資源】除了門戶網站、活動推廣等個性頁面外，相對於後台系統、物聯網系統、數據統計系統、等界面設計，使用規范標准能極大的減少設計時間。
3.【重復利用】相同單元屬性，頁面新建時可以執行此標准重復使用，減少無關信息，就是減少對主題信息傳達干擾，利用閱讀與信息傳遞。
未通過客戶或上級領導確認產出的界面，請勿上傳至藍湖協作系統
設計師在原型步驟及應該想好對應的圖層結構，交互特效，並和前端開發人員做好交流，是否可以實現，功能的評估一定要細致
1．已上傳至藍湖協作平台的高保真界面，應根據平台中的標注尺寸進行精確還原，Web界面還原度不得低於95%；移動端還原度為100%（精確到一像素）。
2．開發人員完成視覺部分內容以後，必須由UI設計師及前端技術負責人進行校對工作。
3．如遇到界面效果復雜或組件樣式特殊等難以實現的問題，應及時與對應的UI設計師或前端技術負責人溝通處理，不能隨意更換。
4．前端開發人員無權更改設計圖中的樣式及功能，遇到問題應及時與設計人員協商。
5．如遇產品經理或項目負責人未通過設計師確認，直接要求修改界面視覺效果部分，前端開發人員可拒絕修改。必須由UI設計師對高保真圖紙更改後再進行相應的修改。
㈣ 怎麼設計WEB登錄頁面，讓頁面不平庸
用戶活躍度是檢驗產品成功與否的重要指標之一，傳統行業的商家極為重視門面的裝潢，因為一個好的門面可以聚集人氣，招攬更多的顧客。古時候的大戶人家院子門口的石獅子或其他的擺件的擺放極為講究，有一定的風水學說道理，更能彰顯主人家的身份地位.由此可見，「門面』就如人的臉面之於人的形象一樣重要，而WEB的登錄頁面就相當傳統的「門面」。
現在越來越多的大型網站把登錄和首頁放在一起設計，由此可見登錄頁面的重要性，一個出彩的登錄界面，將提升產品的品質，賦予產品獨特的氣質，登錄界面也是一個發揮情感化設計，提升用戶體驗，拉近與用戶之間距離的兵家必爭之地，本文不談趨勢，不講交互大道理，不涉及技術，就侃侃用戶登錄頁面的一些設計表現形式。希望這些設計表現手法能給大家帶來一些啟發和靈感。
優雅大方
如果說iPad是介於傳統電腦和手機之間的產品，那麼tumblr則是介於blog和twitter之間的服務。相比twitter，它的功能更復雜、內容展示性更強、更加重視多媒體的應用。Tumblr做為輕博客的鼻祖，帶來一種全新的視覺體驗， 安東尼·德·聖-埃克蘇佩里曾說過，「完美就是多一點則太多，少一點則太少。」 Tumblr的登錄頁面沒有過多的視覺干擾，優雅大方，一切元素的存在都是為了用戶更好的登錄，登錄過程非常流暢。
參考：http://cdc.tencent.com/2012/01/16/拒絕平庸-淺談web登錄頁面設計
㈤ Web表單設計—點石成金的藝術（一）
最近在讀《 Web表單設計—點石成金的藝術 》一書，頗受啟發。而且該書目前已經買不到了，好像二手書也買不到，特意找了pdf掃描版來讀，讀書過程中的一些感悟跟大家分享。
一、表單的設計
大多數人都不喜歡填寫表單，這也就說明了應該關注優秀表單設計。
而很多的特定數據來源都提供了衡量表單設計影響的方式：
（1） 可用性測試 （觀察人們與表單如何交互）
（2） 實地測試 （從人種學角度觀察人們在家中或辦公室中與表單互動的情況；）
（3） 客戶支持 （了解客戶填寫表單時遇到的問題）
（4） 網站追蹤
（5） 眼動跟蹤 （記錄人們如何理解表單的表現形式）
（6） Web慣例 （即查看該問題的通用解決模式，可理解為分析競爭對手的解決方案）
二、表單的組織
類似標簽後面是否要防止冒號的問題，用戶真的不關心。用戶關心的是問題內容和所問的原因。
有些欄位需要告訴用戶填寫的原因（ 為什麼問這些問題，能為用戶帶來的好處 ），如果不能回答，就要考慮是否真的需要這個欄位。
表單所提的問題即 標簽要盡量的簡潔清晰 。
如果簡潔的標簽容易引起用戶的誤會，應該 嘗試使用自然語言的方式 。
表單較長或較復雜時應 考慮對表單內容進行分組 ，有助於瀏覽和快速完成填寫。
有些時候很多問題需要按順序回答，否則回答就沒有意義。這時候人們需要看到所有問題，一個較長的網頁是好的解決方案。通常這些問題會和一個主題相關。
有些 可選問題在表單填寫完成後再問比較好 ，如「您如何知道我們」或者「您想進一步了解我們嗎」。這樣會比初始表單就提問能獲得更多的答案。
可以通過Web慣例調查， 比較相似網站的設計方案 ，引導發現網上已經形成的常見表單組織結構，但是也要結合自身情況不要只停留在簡單復制競爭對手。
對表單進行分組時， 每個內容組都從視覺上區別於表單的其餘部分 ，但是對比太多也可能造成視覺污染，阻礙人們瀏覽表單。
信息設計專家愛德華,托佛特認為，信息由產生作用的差異構成，任何無助於布局的頁面元素都會損壞布局。 採用最好的必要視覺信息來區分內容組 。
英文網站， 標簽首字母應當大寫 ，使內容組更容易瀏覽。
最後，祝大家六一兒童節快樂！永葆童心~
㈥ 1.Web設計的核心是什麼概念
人性化的設計是Web界面設計的核心。
拓展資料
網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。
㈦ 《瞬間之美Web界面設計如何讓用戶心動》pdf下載在線閱讀，求百度網盤雲資源
《瞬間之美》（[美] Jr·Robert Hoekman）電子書網盤下載免費在線閱讀
資源鏈接：
鏈接：https://pan..com/s/1bCvewIp-VDDOOu-kGO0kUQ
書名：瞬間之美
作者：[美] Jr·Robert Hoekman
譯者：向怡寧
豆瓣評分：8.0
出版社：人民郵電出版社
出版年份：2009-7
頁數：226
內容簡介：本書特色：
本書通過重現用戶面對Web應用時由始至終的完整情境，主要針對Web應用中幾乎所有相關元素，例如Search、Screencast、Blog 、Wizard、 RSS、 Rate 、TagCloud 以及Form的布局、交互甚至客服等都提出了值得借鑒的解決方案。具體通過30多個故事輕松自然地帶領讀者領會設計者如何百分之百地用心傳達以創造美好的用戶體驗。
本書適用於信息架構設計師、交互設計師、Web開發人員使用 ，資深設計師可將本書用做匯集了設計方法和思路的參考手冊。初級設計師以及Web開發人員則可以按照書中的方法直接使用，找到一條通往用戶體驗設計的捷徑。
業界評論：
1. 譯者評論：
翻譯這本書其實也是一個學習的過程。乍看上去似乎書裡面沒什麼很新的理論或者概念，但是作者有一種「大拙若巧、順其自然」的味道，每一個問題點（也就是書中的一個個故事）最後的解決方案都是千錘百煉的結晶。也就是說，如果你不了解UE，只需按他所說的去做就保准沒事；如果你有過研究，那麼每個方案背後的方法和思路同樣值得學習。它是一本好書，值得我向任何人推薦
2.專業人士評論：
嚴格來說這不是一本告訴你從頭到尾如何設計Web的書，這一點真是太棒了。我們並不需要某人徹頭徹尾地馴服我們的方法、我們的原則、以及我們的個性。然而它卻是一本激發我們百分之百用心地與用戶交流和思考的好書。書中你見不到一行HTML/Javascript/Perl/PHP/Ruby技術代碼，作者完全根據自己的親身經歷和設計經驗簡單直接地告訴我們良好的用戶體驗，全在於那些完美的「瞬間」。這是一本激發Web設計靈感的枕邊小冊，值得我們經常翻閱。
作者簡介：Robert Hoekman, Jr. 是一名交互設計師和易用性專家。他曾任職於GoDaddy.com、MacroMedia、Adobe等多家知名公司，現在有了自己的工作室 Miskeeto，一直致力於為廣大受眾提供優質的用戶體驗服務。之前他所著的Designing the Obvious（國內譯版名為「一目瞭然」）直觀地向我們闡述了如何構建簡潔易用的軟體的顯性設計方法，而這次他又帶著這本Designing the moment再次揭示關於Web 完美設計的秘密。