網(wǎng)頁Web設(shè)計(jì)與網(wǎng)站W(wǎng)eb開發(fā)：到底有什么區(qū)別？

通常，術(shù)語“ Web設(shè)計(jì)”和“ Web開發(fā)”可以互換使用。這會(huì)造成理解錯(cuò)誤，并阻止客戶和派迪科技網(wǎng)頁設(shè)計(jì)公司進(jìn)行有效的對話。特別是在杭州網(wǎng)站改版的過程中。

在本文中，我們將討論Web設(shè)計(jì)與Web開發(fā)，Web設(shè)計(jì)人員與Web開發(fā)人員的角色，以及如何保持術(shù)語直率

讓我們從一個(gè)例子開始。

您滑入皮革駕駛員座椅并準(zhǔn)備上公路。您轉(zhuǎn)動(dòng)鑰匙，聽到引擎轟鳴。一種感覺在您的身上回蕩。您出發(fā)了，享受一個(gè)春天的下午，屋頂朝下–生活很美好。

在這個(gè)比喻中，網(wǎng)頁設(shè)計(jì)是外觀，而網(wǎng)頁開發(fā)是引擎。

為了提供出色的駕駛體驗(yàn)，您都需要很好的體驗(yàn)。

現(xiàn)在，將“設(shè)計(jì)”視為外觀，將“開發(fā)”視為引擎，讓我們更深入地研究每個(gè)角色中的個(gè)人。

網(wǎng)站設(shè)計(jì)師的角色

人們?yōu)槭裁磳πg(shù)語“ Web Designer”感到困惑是可以理解的。Web設(shè)計(jì)師的角色已經(jīng)發(fā)展了很多，常常模糊了Web設(shè)計(jì)師與Web開發(fā)者之間的界限。通常，網(wǎng)站設(shè)計(jì)師會(huì)帶頭進(jìn)行用戶體驗(yàn)規(guī)劃和網(wǎng)站設(shè)計(jì)的視覺方面。

Web設(shè)計(jì)人員將計(jì)劃整個(gè)用戶旅程和網(wǎng)站結(jié)構(gòu)，并著重于配色方案，版式，布局和圖像。網(wǎng)站設(shè)計(jì)控制著用戶到達(dá)您的站點(diǎn)時(shí)最終在設(shè)備上看到的內(nèi)容。它也是業(yè)務(wù)目標(biāo)的主要驅(qū)動(dòng)力，例如產(chǎn)生更多的線索或改善在線銷售。

設(shè)計(jì)師希望保持整個(gè)網(wǎng)站的整體一致性（重復(fù)性或節(jié)奏性），因此，并不是每個(gè)頁面都完全屬于一個(gè)不同的網(wǎng)站。布局中有統(tǒng)一性，這有助于人腦組織他們正在站點(diǎn)上處理的信息。

Web設(shè)計(jì)師堅(jiān)持以網(wǎng)站的主題為目標(biāo)受眾，并與主題找到相關(guān)的圖像，以確保沒有矛盾之處。網(wǎng)頁設(shè)計(jì)是訪問者對該品牌的第一印象，如果他們喜歡他們所看到的，他們可能會(huì)停留更長的時(shí)間來探索產(chǎn)品或服務(wù)產(chǎn)品。

總結(jié)網(wǎng)頁設(shè)計(jì)師的個(gè)性

設(shè)計(jì)師可以查看，交互和視覺處理世界。如果他們給您指引去他們家的路線，他們很可能會(huì)描述您在途中經(jīng)過的物理地標(biāo)。

他們強(qiáng)烈依賴自己的直覺。在創(chuàng)建設(shè)計(jì)外觀時(shí)，他們受“感覺”事物的驅(qū)動(dòng)。

交易“大創(chuàng)意”。他們可以可視化用戶體驗(yàn)的各個(gè)方面–他們將如何體驗(yàn)網(wǎng)站的整體“氛圍”以及有助于整體發(fā)展的每個(gè)組成部分。以下是網(wǎng)頁設(shè)計(jì)師的一些共同特征：

• 相信他們的直覺
• 能夠在人群面前講話
• 根據(jù)社會(huì)考慮做出決定
• 輕松表達(dá)情緒
• 開箱即用的思維蓬勃發(fā)展
• 不喜歡過多的結(jié)構(gòu)或遵循“規(guī)范”。
• 將結(jié)構(gòu)視為創(chuàng)造力的限制
• 企業(yè)家
• 知道人們想要什么的訣竅
• 富有表現(xiàn)力的外向藝術(shù)大師

Web開發(fā)人員的角色

一旦規(guī)劃和設(shè)計(jì)過程完成，通常被稱為程序員的Web開發(fā)人員就會(huì)介入，并從設(shè)計(jì)中構(gòu)建功能全面的網(wǎng)站。

他們將愿景變?yōu)楝F(xiàn)實(shí)。此時(shí)，設(shè)計(jì)是非交互式的，開發(fā)人員啟動(dòng)引擎并開始為交互式用戶體驗(yàn)加油。Web開發(fā)人員可以在處理過程中使用HTML，也可以使用PHP之類的編程語言或派迪科技自行研發(fā)的CMS（內(nèi)容管理系統(tǒng)）之類的語言，從而使客戶可以更新和維護(hù)其網(wǎng)站，而無需開發(fā)人員進(jìn)行任何更改或更改。

網(wǎng)站開發(fā)人員可以使用兩種類型的Web開發(fā)人員-前端（客戶端）和后端（服務(wù)端）。您可能會(huì)發(fā)現(xiàn)一些Web設(shè)計(jì)人員還精通前端開發(fā)，了解HTML，CSS和JavaScript。

Web開發(fā)人員可以通過使用圖像和內(nèi)容滑塊，鏈接和按鈕的活動(dòng)狀態(tài)以及其他交互式元素，將靜態(tài)布局轉(zhuǎn)換為動(dòng)態(tài)網(wǎng)站。

后端開發(fā)人員對Python，Django或Ruby on Rails等編程語言有特定的了解，并且還了解數(shù)據(jù)庫。全棧開發(fā)人員是精通前端和后端Web開發(fā)的人員。他們是代碼大師，可以將設(shè)計(jì)迅速投入運(yùn)營的網(wǎng)站。

總結(jié)Web開發(fā)人員的心態(tài)

開發(fā)人員的刻板印象是害羞，內(nèi)向。但是許多開發(fā)者無視這些標(biāo)簽，并表現(xiàn)出外向的傾向。這是有關(guān)Web開發(fā)人員個(gè)性的更傳統(tǒng)概括的列表：

• 邏輯上
• 科學(xué)的
• 分析型
• 癡迷數(shù)據(jù)
• 黑白世界觀
• 高效的
• 一次邁出一步
• 注重細(xì)節(jié)
• 思維
• 結(jié)構(gòu)化–喜歡規(guī)劃
• 以可預(yù)測的方式實(shí)現(xiàn)目標(biāo)
• 依靠久經(jīng)考驗(yàn)的技術(shù)來完成工作
• 說話慢一點(diǎn)
• 明智的決策者，在與團(tuán)隊(duì)其他成員共享方案之前權(quán)衡所有方案

Web設(shè)計(jì)人員和Web開發(fā)人員：他們?nèi)绾卧谡麄€(gè)項(xiàng)目中進(jìn)行協(xié)作

項(xiàng)目計(jì)劃與策略

制定有效的項(xiàng)目策略需要設(shè)計(jì)師和開發(fā)人員的通力合作。

但是在網(wǎng)頁設(shè)計(jì)師開始創(chuàng)作過程之前，必須有一個(gè)可靠的計(jì)劃。在規(guī)劃階段，Web設(shè)計(jì)師必須在進(jìn)入下一階段稱為信息體系結(jié)構(gòu)（IA）之前清楚地了解其客戶的網(wǎng)站目標(biāo)，這最終將影響并指導(dǎo)設(shè)計(jì)階段。

期望Web開發(fā)人員通過概述項(xiàng)目的技術(shù)要求以及尋找與挑戰(zhàn)相匹配的技術(shù)來為這一過程做出貢獻(xiàn)。開發(fā)人員還致力于根據(jù)他們用來解決客戶挑戰(zhàn)的平臺來塑造設(shè)計(jì)師的想法。

在確定了業(yè)務(wù)和技術(shù)挑戰(zhàn)的同時(shí)，設(shè)計(jì)人員可以深入了解現(xiàn)場的視覺細(xì)節(jié)。

他們正在努力創(chuàng)建具有對比色的平衡布局，以吸引人們關(guān)注網(wǎng)站的關(guān)鍵區(qū)域，例如CTA。重點(diǎn)還用于突出顯示頁面的特定區(qū)域。設(shè)計(jì)師希望保持整個(gè)網(wǎng)站的整體一致性（重復(fù)性或節(jié)奏性），因此，并不是每個(gè)頁面都完全屬于一個(gè)不同的網(wǎng)站。

設(shè)計(jì)人員在布局上實(shí)現(xiàn)統(tǒng)一之后，他們將與開發(fā)人員一起制定準(zhǔn)則，以將視覺信息轉(zhuǎn)換為用于前端主題和后端內(nèi)容管理支持的代碼的細(xì)節(jié)。

發(fā)現(xiàn)獨(dú)角獸

被譽(yù)為“獨(dú)角獸”的人，是所有行業(yè)都能做到的先行者-設(shè)計(jì)和開發(fā)（前端），在業(yè)內(nèi)受到追捧。

他們精通設(shè)計(jì)和開發(fā)語言，可提供更好的團(tuán)隊(duì)溝通和流暢的工作流程。

但是，僅僅因?yàn)樗麄兛梢宰鏊惺虑椴⒉灰馕吨麄儜?yīng)該這樣做。有時(shí)候，讓獨(dú)角獸參與較小的項(xiàng)目會(huì)很棒，他們可以自行將項(xiàng)目從概念到模型再到前端開發(fā)。對于更重要的項(xiàng)目，讓單獨(dú)的人擔(dān)任設(shè)計(jì)和開發(fā)的不同角色可能會(huì)更有效率。

典型項(xiàng)目分解

好了，那么這兩個(gè)不同的人如何成功地合作？假設(shè)有一個(gè)用于應(yīng)用程序開發(fā)的客戶項(xiàng)目。設(shè)計(jì)者/ UX將專注于采訪潛在客戶，創(chuàng)建用戶角色，用戶流程和視覺設(shè)計(jì)。開發(fā)人員將專注于技術(shù)規(guī)范，后端開發(fā)，前端開發(fā)和技術(shù)質(zhì)量保證所需的研究。 

Web設(shè)計(jì)與Web開發(fā)：重點(diǎn)

現(xiàn)在，您對Web設(shè)計(jì)和Web開發(fā)以及Web設(shè)計(jì)師和Web開發(fā)人員的個(gè)性特征有了更好的了解。

Web設(shè)計(jì)師和開發(fā)人員的這些廣泛的個(gè)性特征非常傾向于刻板印象。在數(shù)字世界中，我們肯定都遇到了這些人。

盡管其中一些是在不同工作中表現(xiàn)出來的自然特質(zhì)，但其中一些人格特質(zhì)可以隨著時(shí)間的流逝而學(xué)習(xí)。它們可以通過教育投入來開發(fā)，也可以由團(tuán)隊(duì)中的導(dǎo)師培養(yǎng)。

誰也不想說一個(gè)內(nèi)向的人不會(huì)造就一個(gè)偉大的設(shè)計(jì)師，因?yàn)槲覀円呀?jīng)看到有證據(jù)表明在這些位置上存在內(nèi)向的人，反之亦然。只要一個(gè)人對開發(fā)人員或設(shè)計(jì)師的工作充滿熱情，他/她就可以在他們選擇的任何職位中脫穎而出。

任何團(tuán)隊(duì)的力量始終在于個(gè)性，觀點(diǎn)和工作方法的多樣性。下次決定為公司創(chuàng)建新網(wǎng)站時(shí)，了解Web設(shè)計(jì)師和Web開發(fā)人員的心態(tài)將幫助您更好地了解動(dòng)態(tài)！