Ⅰ 網頁Web設計流程
在進行Web設計時--在設計過程中--形式應該服從功能。這種方法應用於我們站點的整個設計過程中。當然,我們有最新的Web工具,並且能夠將各種可視的小配件上載到網頁上。但是我們認為這樣做將不利於為訪問者提供有效的服務。
事實上,我經常發現一些站點未將重點放在功能上。常見的錯誤包括:
用戶界面元素不一致。例如,同一個控制項在不同清賀的頁面上功能不同,或者同一個功能對應幾個用戶界面控制項。
導航欄位置不一致。決定站點的哪些頁和功能需要在站點的任何頁上都可被訪問到。這就是應該保持一致性的「全局導航欄」。
不太注意或根本不注意基本的圖形設計原則,例如排版式樣、色彩和版面的設計。
相關元素和功能的隨意分組。注意將元素放置在網頁上的位置和目的。這可幫助訪問者從其它相鄰的選擇和位置來推斷某個鏈接的功能。
使網頁過於龐大以至使訪問者需要通過典型的數據機速度的Internet連接進行長時間的下載。這並不是說不應該使用圖形,但是您需要對它們進行精挑細選,然後用適當的壓縮和顏色索引優化它們。
現在的Web站點仍然存在很多問題,這並不奇怪。畢竟,Web設計「藝術」相對來說還是個新生事物。在四、五年以前,Web頁甚至是普通的。那時,人們好像認為他們的Web站點將會吸引訪問者只是因為它們存在--並且,可能在某些情況下這種方法確實有效。但是這些站點一般很難看,並且更重要的是,它們真的難以使用。接下來便進入「看看我們能做些什麼」階段,在網頁中加入了大量的動畫、聲音文件以及其它附加件,導致訪問者需要長時間地進行下載,但是並未獲得多少實實在在的內容。
如今的Web設計師們已經吸取了前人的經驗和教訓。好的站點傾向於簡化和快速,同時在功能上有所提高。這是Microsoft的目標,而且我們最先承認自己所犯的錯誤(參閱「Microsoft的Web簡史」看一看以前的主頁設計)。
設計錯誤並不總是顯而易見的。有時在設計上對一個小元素的移動或更改將有很少或根本沒有影響。但是,在其它情況下,它可能確實會對頁面功能有所影響。而且如果說我們從過去幾年學到了一些東西,那就是小的改動會使Web頁的運行方式有很大的不同。
明確的流程
若要避免類似問題,我們為新服務(例如「搜索」)的創建或關鍵的Web頁(如主頁)設計了一個明確的流程。每個項目都是在一定的基礎上開始的,即我們有一個受益於我們站點上的頁面、部分或用戶界面元素的產品或服務。在早期的產品計劃階段(第1階段),我被要求設計一些初級模型:大致描述頁面、部分或功能的草圖。然後產品項目組檢查產品計劃建議,看看此項服務是否可以為microsoft.com的訪問者真正帶來一些實惠。
如果答案是「可以」,那麼此項目會獲得批准,我們開始寫項目說明書(第2階段)。我們在第1階段的草圖春高和概念基礎上創建並提出一個更為完整的計劃。這時,我們一般還會開始可用性測試(一般會有書面的模型)以了解潛在用戶將對計劃中的設計做出何種反應。在最後開發階段(第3階段),我們創建運行計劃服務的Web原型,並且進行全面的可用性測試以及內部復查。然後完成站點的代碼,修改程序錯誤,最後站點通過實際運轉的Web站點向客戶發布。
正如您所見到的,可用性在整個流程中扮演著重要的角色(參閱「創建有效的Web界面需要認真計劃」)。我們可以為用戶運行某項任務計時,這樣我們就可以在產品以後的版本中對比相同的測試。我們可以使用這種方法進行度量,以確定一個功能的重新設計是否為客戶帶來任何真正的價值。
還有,我們將仔細地觀察以了解可用性對象是否可以計算出如何正確使用新功能--我們稱為「可發現性」的方法。有時這為我們提供了一些挑戰。例如:在我們的站點上,在搜索引擎中鍵入一個片語或字會產生一列結果。然後我們請用戶選擇在這些結果中進行搜索,以便進行更細的搜索並且導向某一頁或資源。但是即使「在結果范圍內搜索」被明顯地標記在深色標簽上,很少有人熟悉它。一些用戶認為他們正開始新的搜索,並且可能毫無結果。我們正在解決這個問題以確保客戶可以利用microsoft.com上所有豐富的功能來提高他們對此站點的認識。
選項「在結果范圍內搜索」看上去很扒正尺直觀,但不是非常易發現的。此問題一直是困擾我們的設計的問題之一。
最後階段
大體來講,站點設計是在發生沖突的需要之間求得平衡的藝術。一方面,我要將站點設計得盡量簡單易用。另一方面,我要確保站點中所有強大的工具可為經驗豐富的用戶所用。與此同時,我還要為內部客戶服務--Microsoft產品項目組--他們對服務有特殊的需要。所以每天我都要解決一些非常困難的問題,經常處於很緊迫的情形中。我發現這種工作是鼓舞人心和有趣的。
這個職業非常需要更熟練的專業人員。我是經過一系列非常不一般的過程--在大學學習圖形藝術,然後在多媒體公司設計CD-ROM,最後加入Microsoft並開發應用程序--才獲得這個職位的。非常奇怪的是,當我申請(並獲得)這份工作時,我以前從來沒有設計過Web頁。但是我廣泛的設計經歷已經證明是非常有用的,並且我自認為已經驗證了格言「成功的設計就是成功的設計」(不論是什麼媒體)。許多設計問題對Web來說是獨一無二的,解決這些問題的方法對於任何媒體都是一樣的。
對於那些准Web設計師我的建議是,他們也應該盡可能地擴大設計背景。今天應該確保將一些Web工作作為互動設計培訓的一部分--大多數好的設計學校已將其加入課程中。但是在排版、色彩理論、版面設計以及生產等方面的扎實的技術將仍然特別有價值。
在未來,Web設計師們仍將會繼續被要求給頁面增加更豐富的多媒體內容,從而為Web站點的可視性和可操作性增加了新一級的復雜性和技術要求。作為CD-ROM/多媒體設計師,要求我必須具有圖形設計、視頻、音頻製作、動畫等方面的知識和創作能力。我的預言是,Web設計師也將向這些領域發展。
對於屬於microsoft.com的我們--以及在Internet上的其它地方--那應該是一個非常有趣的未來。
了解您的觀眾。調查一下究竟哪些人在訪問您的站點,以及他們為什麼要訪問。新手或不定期上網的Web用戶與軟體開發商相比有非常不同的興趣和站點需要。
使您的站點對訪問者來說有所幫助。
為您的觀眾提供所需的信息。使導航元素保持一致,並且確保對訪問率最高的區域進行明顯的標記,是它們易於被找到。
使用清楚的消息。
確保用戶了解此頁面的上下文,並且知道需要他們做些什麼。如果在注冊過程中您要用戶輸入姓名,那麼就直截了當地說。不要讓訪問者自己計算什麼,他們會感到沮喪,於是轉到其它更簡單的站點(例如您的競爭對手的站點!)。
保持一致性。1.初始會商,主要是收集該站點的關鍵信息,包括站點的目標讀者.要發布的內容.開發Web伺服器平台;
2.概念開發,設計師根據收集的信息,開始構思,通常,設計師要把這些構思用草圖的形式呈現給顧客,這個草圖要有整個網站的結構,不同的布局.設計及導航;
3.內容綜合,當決定了設計師的設計,設計師開始製作一些初始圖樣,這些圖樣用PHOTOSHOP那樣的程序來創建,然後,設計師將圖樣列印出來配合文字;
4.HTML布局和導航,一旦客戶同意了這些內容綜合,設計師開始編制Web頁面,導航器也被編制到頁面中,使客戶第一次真正體驗一下;
5.圖形製作,如果客戶同意了站點的外觀和感受,設計師將大量製作所需的圖形,並進行優化;
6.內容流程,客戶的書面材料利用各種網頁技術(CSS、JAVA、FLASH),有機的和相關的圖形整合在一起;
7.測試,在站點被提交給客戶之前,設計師要徹底測試每個Web頁面和聯結,利用清單,進行修補;
8.交付,一旦簽收,客戶要經常進行他們的測試,找出排版和內容方面的錯誤,做完了這些次要的修正後,正式啟用站點.
這套完整的計劃可以用1-12個月來完成,平均完成時間為4個月.當站點啟用後,要進行跟蹤調查,以確定人們如何使用站點。經過6-12個月的運行之後,重新收集數據,開始重新設計,然後這個Web設計過程再開始一遍。
Ⅱ 網頁設計流程是什麼
策劃階段
每一個網站的建立同時,都伴隨著諸多尚未解決的需求。為什麼要做這個網站?是製作之處需要想到的問題,無論是為了宣傳業務、提升業績,還是表達觀點、傳遞價值,一個網站都會承載著諸多的功能需求。那麼,在策劃階段,就要圍繞著需求及功能點,將其一一解析出來,並整理成冊為:PRD產品需求文檔。通常這部分是由產品經理(PM)完成,需要在與客戶詳細交談過數次後,才能一並輸出。如果項目中途突然加個需求,程序和設計的心裡一定會很難過的,所以一個新站的策劃初期,至少要考慮到未來2~3年,網站的功能添加的可拓展性。
2.交互設計
這一階段的工作通常由專業的交互設計師來完成,當然也時常可由產品經理兼職。交互設計師得根據解析出的PDR需求文檔,合理地組織網站框架,建立一級、二級導航欄目,規劃網站內頁的瀏覽路徑,以及頁面跳轉關系。通常會用到Sketch、或OminiGraffle、mindnote等軟體來梳理頁面邏輯及框架結構,以完成交互設計稿的繪制。以便網站受眾在瀏覽過程中能高效、愉悅地獲取到他們想要的信息。如果是頁面不多,可在白板上或幾張A4中完成這個環節的工作;頁面巨多,則要將交互稿整理出圖,打包為電子手冊,方便下一工作環節的實施。
3.視覺設計
現在該網頁設計師正式出場了,這一環節中,設計師主要根據交互設計稿,確定網站內頁的具體設計規范,包括網站顏色VI的選用、字體字型大小大小、以及素材的編排、選取及處理、每一根線條、每一個像素,都是由作為准網頁設計師的你來把控了。將所有頁面設計稿完畢後,標注好尺寸、顏色等數值信息,輸出必要的圖片、icon等資源,打包好後一並交給Web前端工程師。
4.前端製作
這個環節的主角是Web前端工程師。其主要根據網頁設計師出具的設計稿,運用HTML、CSS代碼實現頁面重構和頁面邏輯跳轉,運用JavaScript、JQuery等技術優化網站瀏覽體驗,以及網站界面交互動效、功能實現的製作。相信你的程序員哥哥定能給你辦得穩妥妥的,當然在這個過程中會遇到些許問題,作為網頁設計師的你要及時與之溝通,一起將界面的細節做到99%還原設計稿。
5.後端製作
實現後端數據的邏輯處理,比如數據的提交存儲、更新修改、查詢等。這個環節的主角是Web後端工程師,通常要用到PHP、java、C語言或C++等編程技術。作為網頁設計師的我,對於這一環節的工作是持仰望態度,無法展開來講了。
6.測試上線
在網頁重構及後端製作完成後,將代碼模板套入CMS(即:內容管理系統)完成本地測試,以檢驗其可靠性。在排除bug問題後,就可准備上線了。買個域名和伺服器,做些必備的伺服器配置工作,完成DNS解析,將域名和伺服器連接起來,最後再運用FTP工具上傳資料到伺服器。於是該網站就可以正常訪問了。
Ⅲ Java Web 伺服器的消息推送 幾種方案
Java Web 伺服器的消息推送有以下幾種方案:1. 輪詢:前端使用ajax不停的發起請求獲取想要的數據(最簡單也是最容易耗盡伺服器資源)。
2. 長連接:HTTP長連接,客戶端向服務端發起請求,服務端等有數據了才response,否則一直持有該連接Cometgithub: comet4j 項目,可以直接下載配置jar到tomcat下使用。
3、使用xmpp協議的一種技術,能夠做到js中調用伺服器的Java方法。
消息推送建議用專業的推送平台,例如:極光。深圳市和訊華谷信息技術有限公司創立於2011年,其團隊核心成員來自騰訊、摩根士丹利、豆瓣、Teradata和中國移動等公司。公司總部位於深圳,在北京、上海、廣州、成都均設有辦公室。
Ⅳ java消息推送,一個實時數據的web顯示該怎麼做
javaweb消息實時推送可以使用GoEasy平台。
操作如下:
到goeasy官網上注冊一個賬號,並創建一個應用,應用創建好後系統會默認為它生成兩個key: publish key和subscribe key。
前台實時訂閱及接收:需要引入goeasy.js,然後調用goeasy的subscribe方法訂閱一個channel即可,訂閱時無論是用publish key還是subscribe key都可以。通過subscribe的參數 onMessage的回調函數可以實時接收到消息。
前台實時推送:需要引入goeasy.js(如果該頁面已經引入了可不在引入),然後調用goeasy的publish方法向已訂閱的channel上推送消息即可,推送時只能用publish key。
後台實時推送:調用GoEasy Restful API, 用post方式訪問http://goeasy.io/goeasy/publish, 同時還需要帶上三個必要參數:
appkey: publish key
channel: 你訂閱了的channel
content: 推送內容
GoEasy的實現原理很簡單,就是推送消息的一端只負責推送,而需要接收的頁面需要預先訂閱。訂閱什麼呢?訂閱channel。往 某個channel上推送消息,客戶端就訂閱相同的channel,這樣就可以確保准確接收。通過channel我們可以自己指定哪些頁面或哪些用戶可以 接收到從這個channel上推送出來的消息。
Ⅳ java消息推送,一個實時數據的web顯示該怎麼做
javaweb消息實時推送可以使用極光平台進行實現。具體操作如下:1、首先先到到極光官網上注冊一個賬號,並創建一個應用;
2、前台進行實時訂閱及接收;
3、前台進行實時推送;
4、後台也進行實時推送;
5、極光的實現原理很簡單,就是推送消息的一端只負責推送,而需要接收的頁面需要預先訂閱。
消息推送軟體,選擇極光是個不錯的選擇,而且安全性和穩定性都不錯。極光作為合作夥伴,體現了以映客為代表的頭部互動娛樂及社交平台對極光服務能力的認可及技術實力的信賴。
極光將始終堅持「助力開發者運營、增長和變現,邁向成功」的使命,還用更專業、高效、安全、穩定、智能的開發者服務及出色的機器學習數據分析能力,為更多合作夥伴的智能化用戶運營「錦上添花」。
Ⅵ web系統怎麼調用釘釘介面推送消息
解決辦法:
1.開始----運行----services.msc----在"名稱"找到 "Windows Audio"----滑鼠左鍵選中它----單擊滑鼠右鍵----選擇 "屬性"-----常規----啟動類型-----自動.
2.檢查音效卡、連接線,以及音箱等設備是否連接正常。如果是中了病毒,就應該運行殺毒軟體進行全面殺毒。
3.打開控制面板----添加新硬體----下一步,待搜尋完畢後,點「否, 我尚未添加此硬體」,點下一步後。在出現的對話框中,選中「單擊完成, 關閉無的計算機,重新啟動來添加新硬體」。
4.注意這里說的是關機後再啟動, 而不是重新啟動。一般來說,重新開機後問題能夠得到解決。