網(wǎng)頁設計工具和技術(shù)

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

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

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

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

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

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

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

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

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

當前文章：網(wǎng)頁設計工具和技術(shù)
網(wǎng)站路徑：http://www.muchs.cn/news41/206091.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計公司、域名注冊、網(wǎng)站內(nèi)鏈、面包屑導航、關(guān)鍵詞優(yōu)化、網(wǎng)站導航

廣告

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