搜尋
首頁web前端html教學設計師 需要學習編寫程式碼嗎_HTML/Xhtml_網頁製作

通常,在完成了一件網頁設計後,設計師的無知都會顯露無遺而備受指責。他們把創建網頁程式碼的繁重工作都留給了程式設計師。這種現像不只出現在網路開發產業,在軟體及遊戲開發業也是如此。

殘酷的事實是:開發進度可能會因設計師而停滯不前。 為了追求最佳效率,設計師不僅需要描描畫畫,還需要能把它做出來!本文中,我想與讀者分享一些為什麼設計師需要學習編寫程式碼的理由。

做現實可行的設計

有了一個最終產品將如何實現的明確印象,設計師將拿出更多實際可行的概念。作為開發過程中不可或缺的一份子,設計師肩負著確保他們的設計能夠順利轉移到網路媒體上,同時還要考慮其可用性,網頁易讀性和可實現性。對使用者友善的網站不僅有簡潔清晰的瀏覽順序邏輯,還提供使用者一切所需的資訊而不會顯得咄咄逼人或雜亂無章。想要知道一個 Web 版面是否可行的唯一方法就是親自去了解如何建立一個網頁。

讓溝通更輕鬆

在幾乎所有的設計與實現各自獨立的產品中,設計組和實現組從沒有滿足過對方的期望,尤其是那些無形的產品,比如網站,軟體和遊戲。這通常歸結於產品的期望和產品可行性的相互妥協,目前看來,這是難以完美統一的。解決之道是:設計師應該親身嘗試設計作品的實現,以避免溝通上的混淆,誤解與誤傳。

方便的迭代開發流程

一個實踐中的設計不應是絕對的。我的意思是,設計應該是靈活友好的,能夠在修改以迎合系統技術限制的同時不扭曲其原有內涵。這些重複但必要的改變只能由原設計師來實現。一個設計師/開發者能夠比開發人員把設計重提到設計師手上進行改變更有效率。而且設計師和開發者之間——事實上經常如此——會產生摩擦。

更好更和諧的結果

我常常喜歡把軟體,網路或是遊戲開發想成是管弦樂,而設計師是作曲家,開發者是樂團的指揮家。想像二者是同一個人會怎麼樣?交響曲將會是令人驚嘆的,迷人的,純正的!不只是大師的神作,也是其本人親自指揮的!

縮短開發時間

設計師同時充當程式設計師的角色意味著設計和編碼的進度即使不是同時的也是連續的。結果就是開發週期的縮短──誰會不關心效率呢?

設計者更市場化

現代的設計師需要提升自身的能力以保持個人價值,有一套技能是遠遠不夠的,我們往往需要戴著不同的頭銜:設計師,前端開發者,文章作者和專案經理。

透過學習實現你自己的設計,而不是讓設計成為開發者手中的孤兒-你提升了自身價值。畢竟,在履歷中提到設計和編碼技能不會有壞處。相反,在這個金融危機時代的企業重組(參見:大規模裁員)和縮減開支的環境下,還能夠強調一個人的重要性而免於解僱。

然而,即使有這麼多的理由支持設計師學習編寫程式碼,這裡還是有反對的聲音。

引用 Lukas Mathis 的一篇有爭議性的文章「設計師不是程式設計師」(註1)

如果設計師實現自己的設計,他會受制於兩個不同的目標:程式碼的整潔和良好的使用者體驗。這兩個目標是互相矛盾的。如果你要實現你自己的設計,你必然會為了程式碼的品質而妥協,這是不利於互動設計的。

實現自己設計的設計師面臨著兩個問題:他們知道一個很棒的新思路會建立混亂的代碼,他們也知道如果改進用戶體驗,現有的代碼會被打亂。這兩者相互矛盾,因為使用者體驗都在於小的細節,而這些小細節最終毀於他們的不忍心使程式碼變得混亂。

這恰如其分的總結了「Web 開發純化者」們所採取的強硬立場。他們是守舊派,倡導在設計和開發之間劃清界線。顯然,設計師為人類創作,開發者為機器創作。 因此,使用者體驗設計師應該設計出最可行的使用者介面並讓開發者做出最可行的程式決策。雖然這有一定的道理,但當我研究一個使用者介面的時候,我從程式碼中尋找靈感的努力卻以失敗而告終。總之,在腦中有一個技術及可用性限制的正確觀念還是更有好處。

寫在最後

歸根結底,所開發專案的規模可能最終決定著設計師和開發者的角色。一個小型的應用可以由一個專案經理(註2)一手掌控,而一個大型的系統必然需要不同的專業人才!

註1 Mathis-Lukas——「Designers are not Programmers」——ignore the code

註2 Spolsky-Joel——描述了一個叫做「設計師兼程式設計師」的職位——「How to be a program manager」——Joel on Software

作者 John Urban 是加州大學的大二學生,主修電腦科學。

英文原文 http://sixrevisions.com/web_design/why-designers-should-learn-how-to-code/

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
HTML與CSS和JavaScript:比較Web技術HTML與CSS和JavaScript:比較Web技術Apr 23, 2025 am 12:05 AM

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

HTML作為標記語言:其功能和目的HTML作為標記語言:其功能和目的Apr 22, 2025 am 12:02 AM

HTML的功能是定義網頁的結構和內容,其目的在於提供一種標準化的方式來展示信息。 1)HTML通過標籤和屬性組織網頁的各個部分,如標題和段落。 2)它支持內容與表現分離,提升維護效率。 3)HTML具有可擴展性,允許自定義標籤增強SEO。

HTML,CSS和JavaScript的未來:網絡開發趨勢HTML,CSS和JavaScript的未來:網絡開發趨勢Apr 19, 2025 am 12:02 AM

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML:結構,CSS:樣式,JavaScript:行為HTML:結構,CSS:樣式,JavaScript:行為Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來:網絡設計的發展和趨勢HTML的未來:網絡設計的發展和趨勢Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML與CSS vs. JavaScript:比較概述HTML與CSS vs. JavaScript:比較概述Apr 16, 2025 am 12:04 AM

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML:是編程語言還是其他?HTML:是編程語言還是其他?Apr 15, 2025 am 12:13 AM

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。

HTML:建立網頁的結構HTML:建立網頁的結構Apr 14, 2025 am 12:14 AM

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)