伊人久久大香线蕉综合|91网视频|国产精品丁香五月天久久|7k7k赛尔号2|亚洲精品日韩中文字幕久久久|躺床上被灌撑到极限肚子变大|中文字幕乱码中文字幕的解决方法

　　廣州網(wǎng)站建設(shè)走在互聯(lián)網(wǎng)行業(yè)的前列。網(wǎng)絡(luò)商務(wù)需求，網(wǎng)站產(chǎn)品需求，網(wǎng)站建設(shè)者網(wǎng)站建設(shè)需求，都體現(xiàn)了互聯(lián)網(wǎng)商務(wù)的重要性。本期主要介紹網(wǎng)站設(shè)計(jì)的視覺沖擊和功能設(shè)計(jì)，從適應(yīng)功能開發(fā)、無障礙設(shè)計(jì)、移動(dòng)端移動(dòng)設(shè)備測試的效果來引導(dǎo)和描述網(wǎng)頁的功能。這個(gè)問題將包括移動(dòng)端的適配、無障礙設(shè)計(jì)、頁面測試和開發(fā)移交。

　　第三，移動(dòng)終端被適配

　　3.1響應(yīng)性設(shè)計(jì)

　　3.2手勢操作

　　第四，無障礙設(shè)計(jì)

　　4.1弱視用戶

　　4.2色盲用戶

　　4.3盲人用戶

　　4.4鍵盤適配

　　動(dòng)詞（verb的縮寫）測試

　　5.1連續(xù)測試

　　5.2頁面加載測試

　　5.3甲乙測試

　　不及物動(dòng)詞開發(fā)移交

　　七.總結(jié)

　　第三，移動(dòng)終端被適配

　　如今，大約50%的網(wǎng)站用戶通過移動(dòng)設(shè)備訪問。這對網(wǎng)頁設(shè)計(jì)師意味著什么？這意味著移動(dòng)網(wǎng)站的建設(shè)需求很大，因此我們必須為網(wǎng)站設(shè)計(jì)移動(dòng)適配。

　　3.1響應(yīng)性設(shè)計(jì)

　　PC和手機(jī)屏幕分辨率不同，優(yōu)化適配尤為重要。

　　采用單列布局。手機(jī)屏幕單列布局基本都不錯(cuò)。單列不僅可以管理小屏幕上有限的空間，還可以在不同的屏幕分辨率和縱橫比之間輕松縮放。

　　使用優(yōu)先導(dǎo)航模式。優(yōu)先級(jí)由Michael  Scharnagl提出，顯示重要的導(dǎo)航選項(xiàng)，不重要的導(dǎo)航選項(xiàng)聚集在“更多”按鈕。它可以充分利用可用的屏幕空間。隨著屏幕的增加，導(dǎo)航選項(xiàng)也增加了，可以提高可視性和吸引力。這種模式對于有很多不同模塊和頁面的網(wǎng)站特別有用，比如新聞網(wǎng)站或者電子商務(wù)網(wǎng)站。

　　確保圖像適合PC和手機(jī)。網(wǎng)站必須適應(yīng)所有不同的設(shè)備和分辨率，每英寸像素和方向。圖像適配是建立一個(gè)響應(yīng)性網(wǎng)站的主要挑戰(zhàn)之一。為了簡化此任務(wù)，可以使用響應(yīng)圖像斷點(diǎn)生成器等工具來處理圖像。

　　3.2手勢操作

　　移動(dòng)終端的交互是通過手指完成的，而不是鼠標(biāo)點(diǎn)擊。這意味著在設(shè)計(jì)交互時(shí)應(yīng)用不同的規(guī)則。

　　交互元素的大小要合適。所有交互元素(如鏈接、按鈕和菜單)都應(yīng)該是手勢可操作的。PC端網(wǎng)站適合小而精準(zhǔn)的交互區(qū)域(點(diǎn)擊)，而移動(dòng)網(wǎng)頁需要大的觸發(fā)區(qū)域，用拇指就可以輕松完成。當(dāng)網(wǎng)站經(jīng)常需要用戶操作時(shí)，請參考麻省理工觸摸實(shí)驗(yàn)室的研究，為你的按鈕選擇合適的尺寸。發(fā)現(xiàn)手指表面平均尺寸在10 ~ 14mm之間，指尖在8 ~ 10mm之間，1010 mm是較好的尺寸。畫

　　交互需要更明顯的視覺表現(xiàn)。在PC端，當(dāng)鼠標(biāo)懸停在一個(gè)元素上時(shí)，用戶可以提供額外的視覺反饋(如顯示下拉菜單)；在移動(dòng)端，沒有懸停狀態(tài)，移動(dòng)用戶將必須點(diǎn)擊才能查看響應(yīng)。所以要保證用戶能夠正確預(yù)測界面元素所代表的意義。

　　第四，無障礙設(shè)計(jì)

　　產(chǎn)品必須能被任何人使用。為有生理缺陷的用戶設(shè)計(jì)，是設(shè)計(jì)師練習(xí)共情、體驗(yàn)世界的一種方式。

　　4.1弱視用戶

　　很多網(wǎng)站的文字采用低對比模式。雖然低對比度可能很時(shí)尚，但很難識(shí)別。低對比度對視力低、對比度敏感的用戶不友好。

　　低對比度文本在電腦上難以閱讀，在移動(dòng)設(shè)備上變得更加困難。想象一下，當(dāng)你在明亮的陽光下行走時(shí)，你需要在移動(dòng)設(shè)備上閱讀低對比度的文本。這提醒我們，設(shè)計(jì)要保證信息能傳遞給用戶。

　　永遠(yuǎn)不要為了美觀而犧牲可用性。網(wǎng)站上的文字和其他重要元素最重要的是可讀性。可讀性要求文本和背景之間有足夠的對比度。建議正文文本和圖像文本使用以下對比度：

　　小字號(hào)文字的對比度至少要達(dá)到4.5: 1。最好的對比是7: 1。

　　字體較大的文字(14 #粗體，18 #字體以上)至少要有3: 1的對比度。

　　4.2色盲用戶

　　據(jù)估計(jì)，全球4.5%的人口是色盲(每12名男性中有1人，每200名女性中有1人)，4%的人口視力低下(每30人中有1人)，0.6%的人口是盲人(每188人中有1人)。很容易忘記為這個(gè)用戶群體設(shè)計(jì)，因?yàn)榇蟛糠衷O(shè)計(jì)師都沒有遇到過這樣的問題。

　　為了讓用戶有正常的訪問，請避免只用顏色來傳達(dá)意思。正如W3C所說，顏色“不應(yīng)作為唯一的視覺傳遞信息，用于指示動(dòng)作、提示響應(yīng)或區(qū)分視覺元素。”。"

　　在表單中只通過顏色來表示提示信息是一種常見的方式。成功和錯(cuò)誤消息分別以綠色和紅色顯示。然而，紅盲和綠盲是最常見的色盲群體。在大多數(shù)情況下，您可能會(huì)收到錯(cuò)誤消息，如“此文本被標(biāo)記為紅色”。好像沒什么問題，但是色盲的用戶是收不到這種形式的錯(cuò)誤信息的。顏色應(yīng)該突出或補(bǔ)充已經(jīng)可見的信息。

　　4.3盲人用戶

　　圖片和插圖是網(wǎng)頁的重要組成部分。但是盲人需要屏幕閱讀器等輔助技術(shù)來翻譯網(wǎng)站。屏幕閱讀器依靠圖像的替代文本來“閱讀”圖像。如果文本不存在或者描述不清楚，他們就不會(huì)得到預(yù)期的信息。

　　為圖像創(chuàng)建替代文本時(shí)，請遵循以下準(zhǔn)則：所有“有意義”的圖像都需要描述性的替代詞。(“有意義的”照片指上下文的補(bǔ)充信息)

　　如果圖片純粹是裝飾性的，沒有提供有用的信息來幫助用戶理解頁面的內(nèi)容，就不需要替換文字。

　　4.4鍵盤適配

　　有些用戶用鍵盤代替鼠標(biāo)瀏覽網(wǎng)站。例如，運(yùn)動(dòng)障礙患者很難使用精細(xì)動(dòng)作，如鼠標(biāo)。通過使交互元素適應(yīng)Tab鍵并顯示鍵盤指示器，這些用戶可以容易地訪問交互和導(dǎo)航元素。

　　鍵盤導(dǎo)航的基本規(guī)則：

　　檢查鍵盤指示器是否可見和明顯。有些網(wǎng)頁設(shè)計(jì)師會(huì)刪除鍵盤指示器，因?yàn)樗麄冋J(rèn)為它不漂亮。但這妨礙了鍵盤用戶與網(wǎng)站的正確互動(dòng)。如果不喜歡瀏覽器提供的默認(rèn)指標(biāo)，請不要全部刪除；而是設(shè)計(jì)成讓你滿意。

　　動(dòng)詞（verb的縮寫）測試

　　5.1連續(xù)測試

　　測試是用戶體驗(yàn)設(shè)計(jì)過程的重要組成部分。像設(shè)計(jì)周期的其他部分一樣，這是一個(gè)連續(xù)的過程。從早期信息收集開始到整個(gè)過程都需要測試。

　　5.2頁面加載測試

　　用戶討厭加載慢的網(wǎng)站。這就是為什么響應(yīng)時(shí)間是網(wǎng)站的一個(gè)重要因素。根據(jù)尼爾森諾曼集團(tuán)的說法，有三個(gè)響應(yīng)時(shí)間限制：

　　(1) 0.1秒對用戶來說是即時(shí)的。

　　一秒鐘可以保持用戶的思維流暢，但會(huì)感覺到輕微的延遲。

　　10秒是用戶保持注意力集中在操作上的極限。10秒鐘的延遲通常會(huì)導(dǎo)致用戶立即離開網(wǎng)站。

　　顯然，我們不應(yīng)該讓用戶在網(wǎng)站上等待10秒鐘。然而，往往會(huì)出現(xiàn)幾秒鐘的延遲，這也讓人感到不愉快。用戶將不得不等待操作完成。通常是什么原因?qū)е录虞d緩慢？

　　大容量內(nèi)容(如嵌入式視頻和幻燈片小部件)

　　后端代碼沒有優(yōu)化

　　硬件問題(基礎(chǔ)設(shè)施性能有限)。

　　5.3甲乙測試

　　當(dāng)您在兩個(gè)版本之間進(jìn)行選擇時(shí)，如現(xiàn)有版本和頁面的重新設(shè)計(jì)版本，A/B測試是一個(gè)理想的選擇。這種測試方法包括向相同數(shù)量的用戶隨機(jī)顯示兩個(gè)版本中的一個(gè)，然后分析哪個(gè)版本的用戶可以更有效地實(shí)現(xiàn)目標(biāo)。

　　不及物動(dòng)詞開發(fā)移交

　　有兩個(gè)重要步驟：原型設(shè)計(jì)和開發(fā)。設(shè)計(jì)完成并準(zhǔn)備進(jìn)入開發(fā)階段后，設(shè)計(jì)人員需要制定一個(gè)規(guī)范，這是一個(gè)描述設(shè)計(jì)應(yīng)該如何實(shí)現(xiàn)的文檔。規(guī)范保證開發(fā)不會(huì)偏離初衷。

　　規(guī)范的準(zhǔn)確性非常重要，因?yàn)樵谝?guī)范不準(zhǔn)確的情況下，開發(fā)人員不得不依靠猜測或者讓設(shè)計(jì)人員來回答他們的問題。但是手工編寫規(guī)范是一件令人頭疼的事情，通常需要很長時(shí)間。借助Adobe  XD的設(shè)計(jì)規(guī)范功能(beta)，設(shè)計(jì)師可以為開發(fā)者發(fā)布一個(gè)開放的鏈接。通過鏈接，開發(fā)人員可以檢查、測量和復(fù)制樣式。設(shè)計(jì)師不再需要花時(shí)間寫規(guī)范來向開發(fā)者解釋位置、文字樣式或字體。

　　七.結(jié)論

　　網(wǎng)站建設(shè)是一個(gè)工程，網(wǎng)頁設(shè)計(jì)是內(nèi)容之一。只有充分保證每個(gè)界面的可用性，才能更好的保證網(wǎng)站的視覺開發(fā)。當(dāng)思想和實(shí)踐結(jié)合起來，效果才能體現(xiàn)出來。通過不斷的設(shè)計(jì)和測試，我們可以不斷的改進(jìn)網(wǎng)站的缺點(diǎn)，為用戶帶來更美觀、更有用的網(wǎng)站內(nèi)容。