網(wǎng)頁(yè)設(shè)計(jì)：PSD 到 HTML 的時(shí)代已經(jīng)結(jié)束？

2023-05-06 網(wǎng)站建設(shè)觀點(diǎn)

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)、CSS3 和 CSS 框架（如 Bootstrap 和 Foundation）等較新的網(wǎng)絡(luò)技術(shù)使 PSD 到 HTML 的工作流程變得無(wú)用。借助這些技術(shù)，設(shè)計(jì)人員可以直接在代碼中傳達(dá)他們的設(shè)計(jì)，而無(wú)需在 Adobe Photoshop 等圖形工具中繪制高保真視覺(jué)設(shè)計(jì)。

如果您是設(shè)計(jì)師，您的自然語(yǔ)言就是視覺(jué)語(yǔ)言。使用視覺(jué)語(yǔ)言，您可以通過(guò)繪制來(lái)創(chuàng)建對(duì)象、行為以及它們之間的關(guān)系。而使用編程語(yǔ)言，您可以通過(guò)定義對(duì)象屬性和過(guò)程（即通過(guò)編碼）以聲明方式創(chuàng)建對(duì)象、行為和關(guān)系。現(xiàn)在想象一下，快速創(chuàng)建矩形以傳達(dá)其設(shè)計(jì)（即外觀和感覺(jué)）的最有效方法是什么？絕對(duì)繪圖比編碼更快更有效?，F(xiàn)在想象一下，將數(shù)千個(gè)這樣的形狀放在一起來(lái)構(gòu)建產(chǎn)品的連貫 UI/UX 設(shè)計(jì)。您仍然認(rèn)為編碼是傳達(dá)整個(gè)設(shè)計(jì)的更有效語(yǔ)言嗎？通過(guò)編碼設(shè)計(jì)來(lái)實(shí)現(xiàn)您的創(chuàng)意目標(biāo)并不是一個(gè)有效的工作流程。您最終可能會(huì)花費(fèi)大量時(shí)間來(lái)完善您的代碼，而不是完善您的設(shè)計(jì)。這可能會(huì)導(dǎo)致您的創(chuàng)造力低于您的實(shí)際潛力。

設(shè)計(jì)師遇到的問(wèn)題是，出于各種原因，他們需要在設(shè)計(jì)時(shí)查看他們的設(shè)計(jì)在真實(shí)的 Web 瀏覽器或設(shè)備中的外觀和感覺(jué)。這個(gè)問(wèn)題可以通過(guò)許多創(chuàng)新的方法來(lái)解決，而不是通過(guò)設(shè)計(jì)過(guò)程來(lái)破解你的方式。

現(xiàn)在有許多有前途的工具，例如Sketch或Figma，這兩種工具都允許您像在 Adobe Photoshop 等圖形工具中一樣繪制設(shè)計(jì)，但是同時(shí)您可以自動(dòng)生成代碼，這些代碼可用于在真實(shí)瀏覽器或設(shè)備中快速查看您的設(shè)計(jì)。然后將其交給前端開(kāi)發(fā)人員，他/她實(shí)際上可以做適當(dāng)?shù)氖虑閬?lái)訪問(wèn)客戶端的瀏覽器。

因此，與其表達(dá)我們的哀悼，讓我們以一個(gè)更積極的信息作為結(jié)尾——PSD 到 HTML 的工作流程并沒(méi)有消亡，就像它發(fā)展和適應(yīng)當(dāng)前設(shè)計(jì)人員和開(kāi)發(fā)人員的需求以及更加自動(dòng)化的任何其他工作流程一樣。

上一篇：杭州網(wǎng)站開(kāi)發(fā)中AXURE原型制作的標(biāo)準(zhǔn) 返回觀點(diǎn)列表下一篇：Sketch to HTML——一種新的 UI/UX 設(shè)計(jì)工作流程

本文標(biāo)簽： PSD到HTML的時(shí)代

本文地址： http://www.bmwdream.cn/a/3623.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開(kāi)發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁(yè)設(shè)計(jì)、制作、開(kāi)發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開(kāi)發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問(wèn)——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過(guò)本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情