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

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

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

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

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

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

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

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

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

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

當(dāng)前文章：網(wǎng)頁設(shè)計(jì)工具和技術(shù)
網(wǎng)站路徑：http://bm7419.com/news41/206091.html

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

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)