網(wǎng)頁設(shè)計師根據(jù)他們參與的生產(chǎn)過程的哪些部分使用各種不同的工具。這些工具隨著時間的推移被更新的標(biāo)準(zhǔn)和軟件更新，但其背后的原則保持不變。 網(wǎng)頁設(shè)計師使用矢量和光柵圖形編輯器來創(chuàng)建網(wǎng)頁格式的圖像或設(shè)計原型。 用于創(chuàng)建網(wǎng)站的技術(shù)包括W3C標(biāo)準(zhǔn)，如HTML和CSS，可以用手寫或由所見即所得的編輯軟件生成。 網(wǎng)頁設(shè)計師可能使用的其他工具包括標(biāo)記驗證器和其他測試工具，以確保其網(wǎng)站符合網(wǎng)頁可訪問性指南的可用性和可訪問性。

技能和技巧
營銷和溝通設(shè)計
網(wǎng)站上的營銷和溝通設(shè)計可以確定哪些產(chǎn)品適合其目標(biāo)市場。 這可能是一個年齡段或文化的特定鏈條; 因此設(shè)計師可以了解其觀眾的趨勢。 設(shè)計人員也可以了解他們正在設(shè)計的網(wǎng)站類型，例如（B2B）B2B企業(yè)網(wǎng)站設(shè)計考慮因素可能與消費者定向網(wǎng)站（例如零售或娛樂網(wǎng)站）存在很大差異。 仔細(xì)考慮可能會確保網(wǎng)站的美觀性或整體設(shè)計不會與內(nèi)容的清晰度和準(zhǔn)確性或網(wǎng)頁導(dǎo)航的易用性相沖突，特別是在B2B網(wǎng)站上。 設(shè)計師也可以考慮網(wǎng)站所代表的所有者或企業(yè)的聲譽(yù)，以確保他們被描繪得很好。

用戶體驗設(shè)計和交互式設(shè)計
用戶對網(wǎng)站內(nèi)容的理解通常取決于用戶對網(wǎng)站工作原理的理解。這是用戶體驗設(shè)計的一部分。用戶體驗與網(wǎng)站布局，清晰的說明和標(biāo)簽有關(guān)。用戶如何理解他們在網(wǎng)站上的互動方式也取決于網(wǎng)站的交互設(shè)計。如果用戶認(rèn)識到網(wǎng)站的實用性，他們更有可能繼續(xù)使用它。熟練和精通網(wǎng)站使用的用戶可能會發(fā)現(xiàn)更有特色，但不太直觀或用戶友好的網(wǎng)站界面。但是，經(jīng)驗較少的用戶不太會看到不那么直觀的網(wǎng)站界面的優(yōu)點或?qū)嵱眯浴＿@推動了更普遍的用戶體驗和易于訪問的趨勢，以盡可能地容納盡可能多的用戶，而不管用戶的技能。大多數(shù)用戶體驗設(shè)計和交互式設(shè)計都在用戶界面設(shè)計中考慮。

如果不具備高級編碼語言技能，高級交互功能可能需要插件。 選擇是否使用需要插件的交互性是用戶體驗設(shè)計中的關(guān)鍵決策。 如果該插件沒有預(yù)裝大多數(shù)瀏覽器，那么存在這樣的風(fēng)險，即用戶將不知道如何安裝插件或僅僅為了訪問內(nèi)容而耐心安裝插件。 如果該功能需要高級編碼語言技能，則與功能增強(qiáng)的用戶體驗增加量相比，代碼的時間或金錢成本可能過高。 高級交互性也可能與舊瀏覽器或硬件配置不兼容。 發(fā)布無法可靠工作的功能對用戶體驗來說可能更糟，而不是不做任何嘗試。 這取決于目標(biāo)受眾是否可能需要或值得冒險。

頁面布局
部分用戶界面設(shè)計受頁面布局質(zhì)量的影響。 例如，設(shè)計師可能會考慮在設(shè)計布局時，網(wǎng)站的頁面布局是否應(yīng)該在不同的頁面上保持一致。 頁面像素寬度對于對齊布局設(shè)計中的對象也很重要。 最流行的固定寬度網(wǎng)站通常具有相同的設(shè)置寬度以匹配當(dāng)前最流行的瀏覽器窗口，以當(dāng)前最流行的屏幕分辨率，在當(dāng)前最流行的顯示器尺寸上。 大屏幕上的大多數(shù)頁面也與中心對齊，以考慮美觀。

在2000年左右流體布局在基于HTML表格的設(shè)計原則和編碼技術(shù)中替代基于HTML表格的布局和基于網(wǎng)格的設(shè)計，但流體布局在很大程度上越來越受歡迎[注1]，這是由于考慮因素的屏幕閱讀設(shè)備以及設(shè)計師無法控制的各種窗口尺寸。相應(yīng)地，設(shè)計可以被分解為發(fā)送到瀏覽器的單元（邊欄，內(nèi)容塊，嵌入式廣告區(qū)域，導(dǎo)航區(qū)域），并且盡可能地將其設(shè)置在顯示窗口中。由于瀏覽器確實可以識別閱讀器屏幕的細(xì)節(jié)（窗口大小，相對于窗口的字體大小等），因此瀏覽器可以對流體布局進(jìn)行用戶特定的布局調(diào)整，但不能調(diào)整固定寬度的布局。盡管這樣的顯示可能經(jīng)常改變主要內(nèi)容單元的相對位置，但側(cè)欄可能會在正文文本之下而不是其側(cè)面。這是一種比不適合設(shè)備窗口的硬編碼網(wǎng)格布局更靈活的顯示方式。特別是，內(nèi)容塊的相對位置可能會改變，同時使塊內(nèi)的內(nèi)容不受影響。這也大限度地減少了用戶對水平滾動頁面的需求。

通過增強(qiáng)使用CSS規(guī)則，響應(yīng)式網(wǎng)頁設(shè)計是基于CSS3的更新方法，也是頁面樣式表中更深層次的每設(shè)備規(guī)范。在2018年3月谷歌宣布他們將推出移動優(yōu)先索引。[11]使用響應(yīng)式設(shè)計的網(wǎng)站可以確保它們符合這種新方法。

動態(tài)圖形
頁面布局和用戶界面也可能會受到運動圖形使用的影響。 是否使用動態(tài)圖形的選擇取決于網(wǎng)站的目標(biāo)市場。 運動圖形可以預(yù)期或至少更好地與面向娛樂的網(wǎng)站接收。 然而，如果僅僅出于娛樂或裝飾目的，具有更嚴(yán)重或正式興趣（例如商業(yè)，社區(qū)或政府）的網(wǎng)站目標(biāo)觀眾可能會發(fā)現(xiàn)動畫不必要并且分散注意力。 這并不意味著使用與內(nèi)容相關(guān)的動畫或視頻演示無法增強(qiáng)更嚴(yán)肅的內(nèi)容。 在任何一種情況下，運動圖形設(shè)計都可能會影響更有效的視覺效果或分散注意力的視覺效果。

代碼質(zhì)量
網(wǎng)站設(shè)計人員可能認(rèn)為這是符合標(biāo)準(zhǔn)的良好做法。 這通常通過描述元素的描述來完成。 不符合標(biāo)準(zhǔn)可能不會使網(wǎng)站無法使用或出現(xiàn)錯誤，但標(biāo)準(zhǔn)可能與正確的頁面布局有關(guān)，以便于閱讀，同時確保編碼元素適當(dāng)關(guān)閉。 這包括代碼中的錯誤，更多有組織的代碼布局，并確保正確識別ID和類。 編碼不佳的頁面有時俗稱為標(biāo)簽湯。 通過W3C進(jìn)行驗證只能在進(jìn)行正確的DOCTYPE聲明時完成，該聲明用于突出顯示代碼中的錯誤。 系統(tǒng)識別不符合網(wǎng)頁設(shè)計標(biāo)準(zhǔn)的錯誤和區(qū)域。 這些信息可以被用戶糾正。

本文題目：網(wǎng)頁設(shè)計工具和技術(shù)
網(wǎng)址分享：http://www.rwnh.cn/news/206091.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、搜索引擎優(yōu)化、靜態(tài)網(wǎng)站、企業(yè)建站、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航

廣告

聲明：本網(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)