นักออกแบบเว็บไซต์จำเป็นต้องรู้รหัสหรือไม่


31

ในฐานะนักพัฒนาเว็บทั้งสถาปนิก front-end และ back end ฉันทำงานกับนักออกแบบหลายคนและบางครั้งก็พบว่ามันน่าผิดหวังในการทำงานกับ comps ที่ไม่คิดว่าจะทำอย่างไรให้สำเร็จใน CSS และ HTML พื้นฐาน ในทางกลับกันในฐานะนักพัฒนาฉันคาดว่าจะสามารถสร้างโค้ดจากการออกแบบใด ๆ

นักออกแบบเว็บไซต์จำเป็นต้องรู้เทคนิค CSS และ HTML พื้นฐานหรือไม่ ทำไมหรือเพราะเหตุใดจึงไม่สำคัญกับนักออกแบบเว็บไซต์ที่โค้งมนอย่างดี

ความคิดทั่วไปบางอย่าง:

  • นักพัฒนาเว็บส่วนหน้าควรมีทักษะเพียงพอที่จะเขียนโค้ดออกแบบ
  • นักออกแบบเว็บไซต์ควรมีความเข้าใจว่าผู้ใช้จะโต้ตอบกับการออกแบบอย่างไร
  • ร้านค้าออกแบบค่อนข้างจะมีนักออกแบบและปล่อยให้รหัสทั้งหมดขึ้นอยู่กับนักพัฒนา

5
สิ่งที่คุณอธิบายคือนักออกแบบกราฟิกไม่ใช่นักออกแบบเว็บไซต์
จิน

นักออกแบบที่ไม่มีสื่อก็เหมือนนักแต่งเพลงที่ไม่มีเครื่องมือ
อดัม

จากประสบการณ์ของฉัน 'ฟรอนต์เอนด์' ที่อยู่รอบ ๆ เว็บหรือซอฟต์แวร์หมายถึง UI, GUI หรืออินเตอร์เฟซ นี่คือความหมายที่คุณหมายถึง?
user179700

คำตอบ:


23

นักออกแบบเว็บไซต์จำเป็นต้องรู้เทคนิค CSS และ HTML พื้นฐานหรือไม่

ใช่.

ทำไมหรือเพราะเหตุใดจึงไม่สำคัญกับนักออกแบบเว็บไซต์ที่โค้งมนอย่างดี

ผมตอบว่า "ใช่" เพราะคุณใช้คำพื้นฐาน

มันเป็นสิ่งสำคัญอย่างยิ่งที่นักออกแบบเว็บไซต์ต้องรู้เทคนิค HTML และ CSS พื้นฐานเช่นเดียวกับที่สถาปนิกต้องรู้เรื่องฟิสิกส์และวัสดุศาสตร์ผู้ออกแบบสิ่งพิมพ์ต้องรู้อะไรบางอย่างเกี่ยวกับกระบวนการพิมพ์ CMYK และนักออกแบบแฟชั่นต้องรู้จักผ้าบางอย่าง

หากคุณไม่รู้อะไรเกี่ยวกับ CSS และ HTML คุณไม่สามารถเรียกตัวเองว่า "นักออกแบบเว็บไซต์" ได้ คุณเป็นแค่ศิลปินหรืออะไรบางอย่าง

ความคิดเห็นเกี่ยวกับความคิดของคุณ:

นักพัฒนาเว็บส่วนหน้าควรมีทักษะเพียงพอที่จะเขียนโค้ดออกแบบ

เท็จ นี่คือการสรุปที่มากเกินไป บางสิ่งแปลได้ไม่ดีนักบนเว็บ การออกแบบบางอย่างอาจล้มเหลวหรือไม่ทำงานบนบางแพลตฟอร์มหรือขนาดหน้าจอที่จำเป็นต้องได้รับการสนับสนุน

นักออกแบบเว็บไซต์จำเป็นต้องรู้ข้อ จำกัด ขึ้นอยู่กับความต้องการของผู้ชมและประสิทธิภาพ นักออกแบบที่รู้ CSS และ HTML รู้วิธีปรับแต่งการออกแบบเพื่อให้โค้ดอ้างอิงสามารถตอบสนองและมีประสิทธิภาพมากที่สุด

นักออกแบบเว็บไซต์ควรมีความเข้าใจว่าผู้ใช้จะโต้ตอบกับการออกแบบอย่างไร

คุณได้อธิบายการออกแบบ UXซึ่งเป็นวินัยที่แตกต่างอย่างสิ้นเชิง แม้ว่าการออกแบบประสบการณ์ผู้ใช้จะเกี่ยวข้องกับแง่มุมของการออกแบบกราฟิก แต่ก็มีส่วนน้อยมากที่เกี่ยวข้องกับ CSS หรือ HTML

ในขณะที่นักออกแบบเว็บไซต์ที่รอบรู้ดีควรมีความคุ้นเคยกับการออกแบบ UX แต่ก็เป็นเรื่องปกติที่พวกเขาจะร่วมมือกับผู้เชี่ยวชาญ UX

ร้านค้าออกแบบค่อนข้างจะมีนักออกแบบและปล่อยให้รหัสทั้งหมดขึ้นอยู่กับนักพัฒนา

สิ่งนี้อาจเป็นจริงบางส่วน แต่ไม่ทั้งหมด หนึ่งกระบวนทัศน์ที่เป็นที่นิยมในระบบการจัดการเนื้อหาคือ MVC (model / view / controller) ร้านค้าออกแบบจำนวนมากต้องการให้นักออกแบบมีความคุ้นเคยกับการเขียนโค้ด HTML / CSS เพื่อให้พวกเขาสามารถมุ่งเน้นการนำเสนอเนื้อหา ("มุมมอง") ในขณะที่นักพัฒนามุ่งเน้นไปที่โมเดล / คอนโทรลเลอร์

นี่ไม่ได้หมายความว่าร้านค้าบางแห่งไม่มีศิลปินกราฟิกที่เน้นองค์ประกอบกราฟิกและพิกเซลรอบ ๆ แต่พวกเขาไม่ใช่นักออกแบบเว็บไซต์ในมุมมองของฉัน เว็บไซต์ขนาดใหญ่อาจจ้างนักออกแบบกราฟิกนักออกแบบเว็บไซต์นักออกแบบ UX นักพัฒนาเว็บและผู้เชี่ยวชาญด้านฐานข้อมูลซึ่งทุกคนทำงานร่วมกันเพื่อสร้างเว็บไซต์สำเร็จรูป คนทำงานอิสระที่สร้างเว็บไซต์ขนาดเล็กอาจตะลุยในทุกสาขาและเรียกตัวเองว่าเป็นนักออกแบบเว็บไซต์ / นักพัฒนา


17

นักออกแบบเว็บไซต์ควรเข้าใจวิธีการทำงานของโค้ดและความสามารถของมันในทำนองเดียวกับที่นักออกแบบสิ่งพิมพ์เข้าใจว่าหมึกบนกระดาษจะมีลักษณะอย่างไรและกระดาษสามารถพับหรือตัดได้อย่างไร นักออกแบบทุกคนควรเข้าใจข้อ จำกัด และจุดแข็งของสื่อที่เลือก

หากนักออกแบบเว็บไซต์กำลังสร้างเว็บไซต์ที่งดงามแบบดรอปดาวน์มันจะทำให้เขาหรือเธอต้องเรียนรู้พื้นฐานของการเขียนโค้ดหรือนั่งกับ coder ในบางจุดเพื่อตรวจสอบว่าไซต์แห่งความงดงามนั้นสามารถทำได้ ดังนั้นฉันจะบอกว่านักออกแบบเว็บไซต์อย่างน้อยต้องรู้เกี่ยวกับรหัส

ฉันคิดว่ามันเป็นเรื่องยากที่จะพูดว่า "นักพัฒนาสามารถเขียนโค้ดอะไรก็ได้" ในแบบเดียวกับที่คุณไม่สามารถพูดได้ว่าสิ่งใดก็ตามที่สามารถพิมพ์สามารถทำซ้ำบนเว็บได้อย่างแน่นอนโดยใช้ HTML / CSS


1
+1 โดยเฉพาะอย่างยิ่งสำหรับ "จำเป็นต้องรู้เกี่ยวกับโค้ด" ฉันได้ทำงานกับคนที่ไม่สามารถเขียนบรรทัดของรหัส แต่มีความเข้าใจในสื่อและเปิดกว้างพอที่จะเคารพสิ่งที่นักพัฒนากล่าว มันทำงานได้ดีมาก
Pekka สนับสนุน GoFundMonica

6

Lauren, ghoppe และ Farray ต่างพูดเป็นเสียงเดียวกันดังนั้นฉันจะไม่ทำสิ่งใดที่พวกเขาพูด ในเรื่องของการปฏิบัติจริงฉันขอเสนออีกคำถามที่ชัดเจนและโดยนัยของคุณ

แนวทางที่ดีที่สุดสำหรับนักพัฒนาคือวิธีเดียวกับที่เครื่องพิมพ์ตีกลองมาตั้งแต่ Gutenberg ตัดประเภทแรกของเขา: ยืนยันว่านักออกแบบเกี่ยวข้องกับคุณในโครงการตั้งแต่เริ่มต้น ทำให้ชัดเจนว่าคุณต้องมีส่วนร่วมในการอภิปรายก่อนที่จะมีพิกเซลเดียวเข้าสู่หน้าจอ

เมื่อฉันอยู่ในโครงการออกแบบสิ่งพิมพ์ที่เกี่ยวข้องกับสิ่งใดที่ผิดปกติฉันกำลังพูดคุยกับเครื่องพิมพ์และผู้มีอำนาจผูกพันทันที พวกเขารู้เรื่องของงานฝีมือมากกว่าที่ฉันทำดังนั้นฉันจึงทำให้ธุรกิจของฉันมีส่วนร่วมในการเริ่มต้น น่าเสียดายที่นักออกแบบมือใหม่โดยเฉพาะอย่างยิ่งเมื่อพวกเขาเพิ่งออกจากโรงเรียนและยังไม่คุ้นเคยกับโลกแห่งความเป็นจริงบางครั้งก็ละเลยขั้นตอนง่าย ๆ และจบลงใน Kimshee ที่ลึกล้ำโดยไม่มีผู้พิทักษ์ชีวิต

แคมเปญในบล็อกบนฟอรัมกับลูกค้าและผู้จัดการโครงการกับโรงเรียนในท้องถิ่นและกลุ่มผู้ใช้และนักออกแบบทุกคนที่อยู่ในระยะ: "พูดคุยกับนักพัฒนาของคุณก่อนที่คุณจะเริ่มออกแบบ!"

นักพัฒนาจะได้รับคอมพ์จากนักออกแบบที่ไม่มีเงื่อนงำสิ่งที่พวกเขาขอเช่นเดียวกับแผนกเตรียมพิมพ์บางครั้งก็มีงานศิลปะที่ไม่สามารถใช้ได้ แต่คุณสามารถป้องกันความคับข้องใจและเสียเวลามากมายหากคุณยืนยันในสถานที่ที่โต๊ะวางแผน


แน่นอน! ในฐานะนักพัฒนาฉันรักความสามารถในการให้ข้อเสนอแนะเกี่ยวกับความเป็นไปได้และค่าใช้จ่ายในการนำไปใช้งานของการออกแบบเฉพาะ รายละเอียดเพิ่มเติมที่ฉันสามารถเกี่ยวกับสาเหตุที่บางส่วนของการออกแบบคือ __in__ ที่เป็นไปได้ช่วยให้นักออกแบบของฉันสร้างการออกแบบที่ดีขึ้น (ราคาถูกลง) ในอนาคต ดังนั้นแม้ว่าผู้ออกแบบไม่สามารถเขียนโค้ดได้พวกเขาควรจะสามารถสื่อสารเกี่ยวกับมันและพวกเขาควรพยายามทำความเข้าใจรายละเอียดปลีกย่อยของเฟรมเวิร์ก / เครื่องมือที่นักพัฒนาสามารถใช้ได้ (และยิ่งพวกเขาทำได้ดี
เท่าไร

1
กระแทกแดกดันฉันเพิ่งเสร็จสิ้นขั้นตอนการออกแบบสำหรับเว็บไซต์ที่นักพัฒนาอยู่เบื้องหลังสามชั้นของระบบราชการขององค์กรและไม่สามารถเข้าถึงได้อย่างเต็มที่ ใช้เวลาหลายสัปดาห์กว่าจะได้รับคำตอบของคำถาม "คุณต้องการไฟล์ออกแบบในรูปแบบใด" - วิธีการทำงานที่ไม่น่าพึงพอใจที่สุดซึ่งจะทำให้ลูกค้าเกิดปัญหา ด้วยโชคพวกเขาจะมีความศักดิ์สิทธิ์ในไม่ช้า
Alan Gilbertson

5

ใช่และไม่. การรู้ว่าสภาพแวดล้อมเป้าหมายของคุณทำงานอย่างไรมีความสำคัญ แต่ก็ไม่สำคัญจริง ๆ ที่คุณเข้าใจรหัสเฉพาะที่จำเป็นเพื่อให้ระบบทำงานในลักษณะนั้น กล่าวอีกนัยหนึ่ง - ฉันจะไม่กังวลเกี่ยวกับไวยากรณ์เฉพาะเพื่อสร้างมุมโค้งมนในเครื่องมือเบราว์เซอร์หลัก ๆ ทั้งหมด แต่ฉันจะพิจารณาว่าสำคัญที่คุณต้องเข้าใจว่าคุณสามารถสร้างมุมที่โค้งมนในเบราว์เซอร์หลักทั้งหมดได้หรือไม่ทำเช่นนั้น)

ตัวอย่างเช่นเมื่อไม่กี่ปีที่ผ่านมาเรายังคงแบกรับความรำคาญด้วย IE6 เรามีการออกแบบที่สวยงามอย่างยิ่งสำหรับแอปพลิเคชันอินทราเน็ตขององค์กร IE6 สามารถแสดง PNG8 ได้ แต่ไม่เคารพช่องอัลฟาใน PNG24s และเพื่อใช้ความทึบของ CSS ที่ต้องใช้ตัวกรอง ActiveX และปัญหาอื่น ๆ ห่วงสามารถกระโดดผ่านเพื่อให้ได้ผลตามที่ต้องการ แต่แต่ละห่วงนั้นหมายถึงวงจรการพัฒนาที่ยาวกว่าอัตราการบั๊กที่สูงขึ้นการบำรุงรักษาที่ยากขึ้น ฯลฯ นอกจากค่าใช้จ่ายโดยตรงในการพัฒนาชั่วโมงคนและการบำรุงรักษา (ตอนนี้ลำบาก) นอกจากนี้ยังมีค่าใช้จ่ายในการเสียเวลาของนักพัฒนา - ชั่วโมงในการติดตั้งโค้ดฐาน kludgy แทนการทำงานกับเวอร์ชัน N + 1

เมื่ออยู่ในสถานการณ์เหล่านี้จะต้องวัดต้นทุน / ผลประโยชน์ของแต่ละเอฟเฟ็กต์ภาพในการออกแบบ:

  • วิชวลเอฟเฟกต์น่าทึ่งแค่ไหน?
    มันสามารถถูกแทนที่ด้วยภาพที่มีผลกระทบเท่าเทียมกันที่ไม่ต้องการทรัพยากรการก่อสร้างมากมายได้หรือไม่?

  • สามารถสร้างเอฟเฟกต์ซ้ำบนเป้าหมายได้อย่างถูกต้องหรือไม่? หากเป้าหมายดั้งเดิมของคุณไม่สามารถสร้างใหม่ได้อย่างแม่นยำการออกแบบของคุณจะต้องถูกแทนที่ด้วยการประมาณที่ใกล้เคียงที่สุดที่จะมีให้ (โชคดีที่นี่กลายเป็นปัญหาที่น้อยลงสำหรับนักออกแบบเว็บไซต์)

  • คุณใช้งบประมาณเท่าไหร่
    คุณสามารถใช้เวลาในการก่อสร้างมากขึ้นเพื่อให้ได้ผลตามที่คุณต้องการหรือไม่? ถ้าไม่คุณสามารถออกแบบคุณสมบัติใหม่ในเวลาที่น้อยลงได้ไหม?

  • ต้องมีการปรับเปลี่ยน codebase เป็นจำนวนเท่าใดเพื่อรองรับภาพของคุณ
    หากการออกแบบและการก่อสร้างกำลังเกิดขึ้นพร้อมกันหรือหากคุณกำลังเรียกใช้แอปพลิเคชันรุ่นเก่าอยู่มันจะยากแค่ไหนที่ผู้เขียนจะรวมภาพของคุณเข้าด้วยกัน? ไม่ใช่เพียงแค่ชั่วโมงที่เกี่ยวข้องกับการเขียนใหม่เท่านั้น แต่ยังมีการดีบักชั่วโมงที่เป็นไปได้และการบำรุงรักษาโค้ดที่เพิ่งเปลี่ยนใหม่

มีบางอย่างทับซ้อนกันระหว่างสัญลักษณ์แสดงหัวข้อย่อยด้านบนและจุดอื่น ๆ ที่ไม่อยู่ในรายการ ประเด็นก็คือแม้ในรายการสั้น ๆ นี้ก็มีค่าใช้จ่ายทางธุรกิจที่ต้องพิจารณา คุณสามารถประเมินสถานการณ์ได้อย่างมีประสิทธิภาพมากขึ้นหากคุณเข้าใจว่าระบบเป้าหมายใช้งานได้จริงอย่างไร

หากคุณมีความเข้าใจในข้อ จำกัด ของ CSS หรือ HTML ก่อนที่จะทำการออกแบบของคุณคุณสามารถสร้างการออกแบบที่จะไหลผ่านขั้นตอนการก่อสร้างโดยไม่มีปัญหา คุณจะมั่นใจได้ว่าการออกแบบของคุณสามารถดำเนินการได้และพลังของการรู้ต้นทุนโดยประมาณ สิ่งนี้มีประโยชน์เสมอที่จะได้อยู่เคียงข้างคุณ


5

จากประสบการณ์ของฉัน (ฉันเป็นผู้เขียนโค้ดไม่ใช่นักออกแบบ) ไม่ใช่คำถามที่นักออกแบบเว็บไซต์ควรรู้เกี่ยวกับรหัส แต่พวกเขาควรรู้เกี่ยวกับวิธีการใช้งานในเบราว์เซอร์

ปัญหาที่ยิ่งใหญ่ที่สุดกับนักออกแบบที่ไม่มีความรู้เพียงพอเกี่ยวกับเว็บ / เบราว์เซอร์คือพวกเขาสร้างการออกแบบที่ดูสวยงาม แต่ไม่ได้ทำงานในเบราว์เซอร์จริงๆ เพียงสองสามสิ่งที่บางคนอาจไม่ได้พิจารณา:

  • การใช้แบบอักษร พวกเขาใช้แบบอักษรที่ติดตั้งไว้กับ PhotoShop ซึ่งผู้ใช้โดยเฉลี่ยไม่มี หรือใช้ฟอนต์ Mac ซึ่งไม่มีอยู่ใน Windows / Linux
  • ขาดความเคารพในขนาดหน้าจอ / เบราว์เซอร์ การออกแบบไม่ได้มีไว้เพื่อแสดงบนคอมพิวเตอร์ขนาดเล็ก เมื่อโน๊ตบุ๊ค / แท็บเล็ตขนาดเล็กกำลังได้รับความนิยมมากขึ้นความต้องการในการพิจารณาขนาดหน้าจอที่เล็กลงจึงมีความสำคัญมากขึ้น
  • จะเกิดอะไรขึ้นเมื่อคุณปรับขนาดหน้าจอเบราว์เซอร์ ให้นักออกแบบคำนึงถึงสิ่งที่ควรเกิดขึ้นกับการออกแบบเมื่อเบราว์เซอร์ถูกปรับขนาด
  • สิ่งที่เกี่ยวกับแถบเลื่อน การออกแบบมักจะมาพร้อมกับตัวยึด "lorem ipsum" จะเกิดอะไรขึ้นถ้ามีข้อความจำนวนมากเข้าไปในตัวยึดตำแหน่งนั้นและเราต้องการแถบเลื่อนซึ่งเราควรวางไว้ที่ไหน
  • ภาพจำนวนมาก การออกแบบบางอย่างต้องการให้คุณตัด png จำนวนมากออกไป สิ่งนี้สามารถนำไปสู่การตอบสนองนานจากเว็บเซิร์ฟเวอร์เนื่องจากหน้าเริ่มต้นต้องการเบราว์เซอร์เพื่อดาวน์โหลด png ทั้งหมดเหล่านี้

นี่คือปัญหาที่ฉันเห็นเมื่อทำงานกับนักออกแบบ สิ่งเหล่านี้ไม่ใช่ปัญหาเกี่ยวกับตัวออกแบบที่ไม่รู้อะไรเกี่ยวกับรหัส แต่ปัญหาเกี่ยวกับการไม่คิดเกี่ยวกับวิธีการออกแบบที่จะใช้


จุดที่ดีเกี่ยวกับแบบอักษร ฉันได้ PSD มาเพื่อทำงานกับที่ที่ฉันไม่มีแบบอักษรที่ใช้ติดตั้งในเครื่องของฉัน
Chris_O

4

ความเข้าใจที่กว้างขึ้นของสื่อกลางที่ทำงานอยู่เสมอทำให้เป็นศิลปินและช่างฝีมือที่ดีขึ้นในดินแดนนั้น

นักออกแบบเว็บไซต์หลายคนที่ไม่ทราบว่าการพัฒนาส่วนหน้านั้นยากที่จะทำงานโดยไม่มากเพราะพวกเขาเป็นนักออกแบบเว็บไซต์ที่ไม่ดี แต่เพราะพวกเขาไม่ได้เป็นนักออกแบบเว็บไซต์เลย พวกเขาเป็นนักออกแบบกราฟิกที่มีพื้นหลังการพิมพ์บางส่วนและพยายามสร้างโบรชัวร์และโปสเตอร์แทนที่จะเป็นเว็บไซต์จริง

มันเหมือนจ้างนักออกแบบภูมิทัศน์เพื่อปรับปรุงห้องน้ำของคุณ พวกเขามีความรู้สึกของการออกแบบและมีแนวโน้มที่จะเข้าใจพื้นฐานบางอย่าง แต่โอกาสที่พวกเขาจะดีกว่าในการจัดภูมิทัศน์สนามหญ้าด้านหน้าของคุณมากกว่าที่พวกเขากำลังปูกระเบื้องฝักบัวอาบน้ำของคุณ

ทศวรรษที่ผ่านมาเมื่อเว็บไซต์ส่วนใหญ่ยังคงสร้างเช่นสายการประกอบโรงงานโรงงานมันไม่ได้เป็นเรื่องใหญ่ที่จะมีหนึ่งคนทำ PSD คนต่อไปทำ HTML และต่อไปเพิ่ม DB เป็นต้น

แต่ทุกวันนี้การสร้างเว็บที่ก้าวหน้าที่สุดนั้นทำด้วยกระบวนการที่คล่องตัวและทีมงานมีความหลากหลายด้วยวิธีการใช้งานของผู้ใช้ที่เพิ่มเข้ามา, การพัฒนาที่ก้าวหน้า, การรวมระบบส่วนหลังและส่วนหน้า, แนวคิดเช่นการออกแบบเว็บแบบโต้ตอบ . เช่นนี้จำนวนมากของการออกแบบกระบวนการที่เกิดขึ้นในรหัส ไม่ว่าจะเป็นต้นแบบ, การทดสอบผู้ใช้, การออกแบบซ้ำหรือสิ่งที่คุณมีรหัสเป็นสื่อและทีมต้องเข้าใจมัน

ไม่ไม่ใช่ทุกคนในทีมจะต้องสามารถเขียนปลั๊กอิน jQuery แต่อย่างน้อยทีมควรรู้ว่าพวกเขาคืออะไรและทีม UX / Web ควรมีคนที่สามารถเขียนพวกเขาได้ในที่สุดสิ่งที่ได้รับการออกแบบจะต้องมีการสร้าง


4

ใช่. ศิลปินควรเข้าใจสื่อที่เขาใช้งานไม่ว่าจะเป็นจิตรกรด้วยน้ำมันและผ้าใบของเขาช่างแกะสลักหินอ่อนและสิ่วของเขาหรือนักออกแบบเว็บไซต์ด้วย HTML และ CSS ของเขา

ฉันเคยทำงานในอุตสาหกรรมวิดีโอเกม นักออกแบบเกมที่ดีที่สุดคือคนที่มีความคิดสร้างสรรค์และมีความสามารถทางเทคนิคที่แข็งแกร่งซึ่งเข้าใจข้อ จำกัด ที่เปลี่ยนแปลงตลอดเวลาของสื่อและสามารถออกแบบได้ คนที่ไม่สามารถทำเช่นนั้นได้มากเกินไปและการใช้วิสัยทัศน์ของพวกเขาก็จบลงด้วยการดูด

เมื่อเร็ว ๆ นี้ฉันได้ทำการพัฒนาเว็บไซต์ที่พื้นหลังของนักออกแบบทั้งหมดในสื่อสิ่งพิมพ์ ผลที่ได้คือหน้าที่ค่อนข้างสวยงามซึ่งน่าจะเป็นงานพิมพ์ที่ยอดเยี่ยม แต่ทำงานได้ไม่ดีเท่าเว็บไซต์


4

สำหรับฉันนักออกแบบ / นักพัฒนาการตัดการเชื่อมต่อเป็นสิ่งที่เกิดขึ้นหลายปีที่ผ่านมา แต่แล้วผู้คนก็ตระหนักว่าการออกแบบเว็บนั้นมีมากขึ้นแล้วก็แค่ทำเลียนแบบ

สำหรับฉันเมื่อมีคนเรียกตัวเองว่าเป็นนักออกแบบเว็บไซต์ฉันคาดหวัง:

a) They can design a layout either in a image editing program, or in the browser
b) Can articulate their design choices, and have sensible reasons
c) Proficient (as opposed to basic knowledge) with HTML, CSS, and JavaScript.
d) Basic knowledge of server side programming

สำหรับฉันนักออกแบบเว็บไซต์คือคนที่สามารถสร้างฝั่งไคลเอ็นต์ของไซต์

ดีออกแบบเว็บจะมีทั้งหมดของเหล่านี้และความเข้าใจในการเลือกที่พวกเขาทำในระหว่างขั้นตอนการออกแบบที่ส่งผลกระทบต่อ UX ของเว็บไซต์

เมื่อมีคนพูดว่านักพัฒนาเว็บฉันคาดหวัง:

a) Proficient with at least one server side programming language
b) Basic knowledge of server configurations
c) Basic knowledge of client side technology (JavaScript and AJAX implementations)
d) Basic knowledge of backend architecture

ดีนักพัฒนาเว็บจะมีทั้งหมดของเหล่านี้และสามารถที่จะเข้าใจวิธีการทางเลือกสถาปัตยกรรมที่เขาทำจะมีผลต่อปลายด้านหน้าของเว็บไซต์และการทำงานสัมผัสกับผู้ใช้งาน

นอกจากนี้คุณยังได้รับคนที่มีความเชี่ยวชาญใน UX และพื้นที่อื่น ๆ ที่มีแนวนอนมากกว่าการออกแบบเว็บโดยที่พวกเขาจะนำไปใช้กับสภาพแวดล้อมการพัฒนาที่แตกต่างกัน

แก้ไข: ถ้าใครมีตัวอย่างของกลุ่มการออกแบบที่ดีที่แยกการออกแบบกราฟิกจากการออกแบบเว็บฉันสนใจมาก


3

นักออกแบบควรมีความคิดว่าการเขียนโค้ดทำงานอย่างไร บางครั้งก็เป็นวิธีเดียวที่จะป้องกันไม่ให้นักพัฒนา front-end ของพวกเขาจากไปฆ่า เพื่อให้ได้แนวคิดนั้นประสบการณ์ตรงอาจเป็นวิธีที่ง่ายที่สุด

มีคนอื่น ๆ อยู่บ้าง แต่ไม่สามารถทำให้ธุรกิจของคุณเจ็บปวดที่จะเรียนรู้วิธีการใช้งาน Javascript เล็กน้อย (ที่จริงครั้งที่มีการเปลี่ยนแปลงและมีพยุหเสนาของคนที่มีทักษะการออกแบบที่สามารถ JavaScript ทางของพวกเขาออกมาจากถุงยางของพวกเขา แต่ที่เป็นเรื่องที่แตกต่างกันทั้งหมด)

ความคิดทั่วไปของฉัน:

  • นักพัฒนาเว็บส่วนหน้าต้องรับมือกับแบ็กเอนด์ที่แย่และมีหลายระดับของไอดีซิสซิสที่จะรบกวนการออกแบบรายละเอียดย่อยของคุณ นิสัยส่วนใหญ่เหล่านั้นมีสาเหตุมาจากการเลือกแบ็กเอนด์แบบ pre-fab ที่ไม่ดีในส่วนการจัดการและขโมยจำนวนมหาศาลเพื่อจัดการกับเวลา

  • นักออกแบบเว็บไซต์ในขณะที่ต้องรับมือกับบุคคลที่เครียดเช่นนั้นก็เสี่ยงชีวิตอย่างต่อเนื่อง และควรพิจารณาเรื่องส่วนหน้าเหล่านั้นด้วยการพิจารณาอย่างจริงจังแทนที่จะทิ้งการออกแบบลงบนโต๊ะแล้ววิ่งออกไปส่งเสียงกรีดร้องไปที่ออฟฟิศ "ฉันจบแล้วฉันทำไปแล้วนับจากนี้เป็นความผิดของ dev! "

  • ร้านค้าที่ออกแบบควรเผา


2

ขึ้นอยู่กับว่าคุณทำงานที่ไหน

หากคุณทำงานกับ บริษัท ขนาดใหญ่สิ่งเหล่านี้อาจเป็นบทบาทส่วนบุคคล:

  1. UX หรือผู้เชี่ยวชาญด้านสถาปัตยกรรม - วางแผนสถาปัตยกรรมข้อมูล / องค์กร / สร้าง wireframes

  2. นักออกแบบ - ออกแบบเว็บไซต์โดยใช้ photoshop หรือเครื่องมืออื่น ๆ

  3. Front End Developer - ทำ html / css / javascript / json / xml / etc และเขียนรหัสเทมเพลตที่รวมส่วนหน้ากับด้านหลัง

  4. นักพัฒนา Back End - การเขียนโปรแกรมที่ทำให้ทุกอย่างทำงานได้จริงหรือไม่

สถานที่ระดับกลางส่วนใหญ่ต้องการนักออกแบบในการจัดการการตัดสินใจของ UX เช่นกัน แต่สถานที่เล็ก ๆ อาจต้องให้ผู้ออกแบบทำทั้งสามอย่างข้างต้น อย่างไรก็ตามส่วนหน้าเป็นพื้นที่ที่มีเล่ห์เหลี่ยมและมีผู้คนจากชุดทักษะที่แตกต่างกัน หากคุณเป็นนักออกแบบที่ต้องทำส่วนหน้าคุณไม่ควรคาดหวังที่จะรู้มากกว่า HTML / CSS และ JQuery หรือเฟรมอื่น ๆ การคาดหวังให้นักออกแบบรู้ถึงลักษณะที่ลึกซึ้งยิ่งขึ้นของจาวาสคริปต์และการรวมเข้าด้วยกันของแบ็คเอนด์กำลังขอมากเกินไป

แน่นอนถ้าคุณเป็นอิสระคุณจำเป็นต้องรู้และทำทุกอย่างด้วยตัวเอง;)


1
OP ไม่ได้ถามว่านักออกแบบเว็บไซต์ควรเป็นผู้เชี่ยวชาญด้านการเขียนโค้ดหรือไม่ แต่ควรจะเป็นนักออกแบบเว็บไซต์ที่รู้พื้นฐานของ HTML และ CSS หรือไม่ แม้ว่าคุณจะเป็นนักออกแบบเว็บไซต์และไม่จำเป็นต้องแตะไฟล์ HTML หรือ CSS คุณก็ควรรู้พอที่จะรู้ว่าการออกแบบของคุณนั้นเป็นไปได้หรือไม่ (สำหรับเรื่องนั้นเป็นไปได้ ) เป็นเว็บไซต์สำหรับกลุ่มเป้าหมายของคุณ
Shauna

2

ฉันคิดว่านักออกแบบเว็บไซต์ควรรู้จัก HTML / CSS - แม้ว่าจะเป็นเพียงพื้นฐานที่ จำกัด - เพื่อความสามารถในการสร้างการออกแบบเว็บและเว็บอินเตอร์เฟสที่ทำงานบนสื่อ

นักออกแบบเว็บไซต์อาจเลือกที่จะไม่เขียน HTML / CSS ด้วยตนเอง แต่การรู้ว่ามาร์กอัปและ CSS ทำงานอย่างไรมีความสำคัญต่อการเป็นนักออกแบบเว็บไซต์ นักออกแบบเว็บไซต์อาจไม่จำเป็นต้องเป็นนินจา HTML / CSS แต่ให้บริการพวกเขาอย่างดีในการรู้ว่าอย่างน้อยรูปแบบการแปลงรูปแบบเว็บไซต์ของพวกเขาไปยังเว็บไซต์


1

นักออกแบบเว็บไซต์จำเป็นต้องรู้รหัสหรือไม่

ใช่นักออกแบบเว็บไซต์จะต้องจัดการกับซอฟต์แวร์เช่น Adobe Photoshop, Illustrator และ InDesign เพื่อสร้างการออกแบบสำหรับเว็บ จากนั้นการออกแบบนี้เกี่ยวข้องกับการเข้ารหัสเพื่อให้ออนไลน์ และเพื่อให้เป็นสิ่งสำคัญสำหรับนักออกแบบเว็บไซต์ที่จะเข้าใจองค์ประกอบของการออกแบบที่มีเพื่อเป็นตัวแทนในการเข้ารหัส เพื่อที่พวกเขาควรมีความรู้เกี่ยวกับการเข้ารหัสไม่เข้าใจอย่างสมบูรณ์ แต่มีพื้นฐาน


0

โดยส่วนตัวแล้วทุกอย่างขึ้นอยู่กับทักษะและความต้องการของคุณ ทักษะความสามารถในการเรียนรู้และเข้าใจสิ่งต่าง ๆ ได้อย่างรวดเร็ว ความต้องการทางการเงิน การเรียนรู้บางสิ่งจะต้องใช้เวลาและนั่นจะทำให้ประสิทธิภาพของคุณลดลงในเวลานั้น

ดังนั้นหากคุณมีเวลามากที่จะฆ่าให้ไปข้างหน้าและเรียนรู้การเขียนโค้ด

ฉันเป็นนักออกแบบมาตลอดสี่ปีที่ผ่านมาและฉันก็เก่งในการแก้ไขสิ่งพื้นฐาน ฉันไม่มีเวลาพอที่จะเรียนรู้โค้ดในแบบที่เป็นมืออาชีพ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.