คำถามติดแท็ก website-design

เรียกนักออกแบบเว็บไซต์ทั้งหมด :) ฉันเริ่มทำเว็บไซต์สำหรับธุรกิจขนาดเล็กในบ้านเกิดของฉันและมันจะเป็นโครงการที่เหมาะสมครั้งแรกของฉัน ฉันเคยทำไซต์ในอดีตซึ่งฉันได้ทำเพื่อการพักผ่อน ฉันคล่องแคล่วใน HTML และ CSS ฉันมีความต้องการของลูกค้าและสิ่งที่เขาต้องการในเว็บไซต์ ฯลฯ ฉันติดอยู่กับขั้นตอนที่ฉันควรทำตามหลังจากทำการสรุปข้อกำหนด ฉันค้นหาเว็บและไม่พบสิ่งใดที่เกี่ยวข้องกับคำถามของฉันเพราะข้อมูลล้าสมัย คำถามของฉันคือ: เวิร์กโฟลว์การออกแบบเว็บในปี 2014 คืออะไร? (เพราะทุกอย่างเปลี่ยนไปอย่างรวดเร็ว) ฉันจะสร้างโครงลวดของเว็บไซต์แล้วออกแบบพวกเขาใน photoshop แล้วออกแบบรหัสหรือไม่? ฉันแค่อยากรู้ว่ากระบวนการ "ออกแบบ" ทำงานอย่างไรเช่นขั้นตอนที่ฉันต้องทำเพื่อสร้างเว็บไซต์ ขอบคุณล่วงหน้า.

30 website-design 

ขออภัยล่วงหน้าสำหรับการอ่านที่ยาวนาน ฉันอายุ 22 ปีและเพิ่งเรียนจบสาขากราฟิกดีไซน์ ฉันได้รับการติดต่อจากธุรกิจขนาดเล็กที่ต้องการให้ฉันออกแบบโลโก้เครื่องเขียนและเว็บไซต์ ฉันคิดแค่ $ 20 / h NZD เท่านั้นเพราะอยู่ใต้โต๊ะและลูกค้ารายแรกของฉัน อย่างไรก็ตามฉันทำทุกอย่างเสร็จแล้ว พวกเขามีความสุขกับโลโก้และเครื่องเขียน แต่ไม่ใช่เว็บไซต์ พวกเขาคิดว่าทั้งเว็บไซต์ต้องการการออกแบบใหม่ พวกเขาบอกฉันเพียงเดือนเดียวหลังจากฉันเสร็จ (เมื่อสามีของเธอเริ่มมีส่วนร่วมกับข้อตกลงมากขึ้น) ดังนั้นฉันจึงได้แนวคิดใหม่และส่ง wireframes ให้พวกเขาบอกพวกเขาว่าใช้เวลาประมาณ 50-60 ชั่วโมง เขาส่งอีเมลยาว ๆ ที่เต็มไปด้วยอุปมาอุปมัยเกี่ยวกับการปูพื้นและวิธีที่เขาไม่ต้องการให้พื้นปูกระเบื้องของเขาสองครั้ง ฯลฯ (เป็นอีเมลที่ให้ความบันเทิง) เขาทิ้งฉันไว้กับคำขาด: ทำการออกแบบเว็บไซต์ใหม่ฟรีหรือคืนเงินมัดจำที่เขาจ่ายไปแล้วเดินจากไป (หลังจากเวลาผ่านไปหลายชั่วโมงแล้ว) ฉันชอบที่จะได้ยินจาก freelancer อื่น ๆ และได้ยินสิ่งที่พวกเขาจะทำในสถานการณ์นี้เพราะฉันใหม่กับสิ่งนี้และไม่สามารถบอกได้ว่าฉันผิดหรือเปล่า ข้อมูลสำคัญที่ควรทราบคือฉันไม่ได้ส่ง wireframes ของไซต์ไปให้พวกเขาในตอนเริ่มต้น (ซึ่งเป็นความผิดพลาดที่ฉันรู้ตอนนี้) แต่ข้อผิดพลาดนี้มีผลสะท้อนอย่างมากหรือไม่? และใช่จากนี้ไปฉันจะใช้สัญญา ถ้าคุณอ่านที่นี่ฉันจะรักอินพุตของคุณไชโย อัปเดต:ฉันรับคำแนะนำจากคำตอบด้านล่างและบอกเขาว่าฉันจะต้องจ่ายเงินสำหรับการออกแบบใหม่หรือฉันสามารถถอดมันออกและเราแยกทางกัน หลังจากการอภิปรายเขาบอกว่าไม่เป็นไรและตอนนี้จะอยู่กับการออกแบบในปัจจุบันและจ่ายสิ่งที่เขาเป็นหนี้ (ฟังดูเหมือนเขากำลังพยายามใช้ประโยชน์และหางานพิเศษฟรี)

29 website-design  client-relations  business  freelance 

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

29 website-design  design-principles  terminology 

เมื่อส่งออก / บันทึกภาพที่มีพื้นหลังโปร่งใสที่มีไว้สำหรับเว็บไซต์ฉันควรบันทึกเป็น PNG หรือ SVG หรือไม่ ทำไม?

29 website-design  png  svg  file-format  best-practice 

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

29 website-design 

เพียงให้บริบทเล็ก ๆ น้อย ๆ ฉันมีพื้นหลังเป็นนักพัฒนาที่มีความชำนาญด้านการออกแบบ (ไม่ใช่นักออกแบบที่มีความชำนาญด้านการพัฒนา) ฉันทำงานที่ บริษัท ตัวแทนเมื่อหลายปีก่อน ฉันออกจากเกมการออกแบบมาประมาณ 3 ปีแล้วและเริ่มกลับมาอีกครั้งเครื่องมือที่ฉันเลือกคือ Fireworks แต่ฉันเพิ่งเรียนรู้เมื่อวานนี้ว่า Adobe ปล่อยให้มันตายอย่างช้าๆ ดังนั้นเครื่องมือรุ่นต่อไปที่สำคัญสำหรับผู้ที่ทำกราฟิกเว็บและการโต้ตอบโดยเฉพาะคืออะไร หรือเนื่องจากคำถามนั้นอาจถูกมองว่าเป็นอัตนัยหรือ "เป็นเครื่องมือที่คุณโปรดปราน" มีแหล่งข้อมูลที่เชื่อถือได้ที่สามารถให้มุมมองที่ดีเกี่ยวกับภูมิทัศน์ในการทำเครื่องมือกราฟิกเว็บหรือไม่

28 website-design  software-recommendation  adobe-fireworks 

ฉันมีภาพประกอบสองสามเล่มที่วาดไว้ใน Illustrator และฉันวางแผนที่จะสร้างภาพเคลื่อนไหวสำหรับเว็บไซต์ที่ฉันกำลังทำงานอยู่ฉันได้ยินชื่อชุดเครื่องมือCreate.jsพร้อมแฟลช แต่มันเป็นวิธีที่ดีที่สุดที่จะไปหรือมีอีก " วิธีที่ดีกว่าในการทำ? นี่คือตัวอย่างของประเภทของภาพเคลื่อนไหวที่ฉันต้องการ: http://kontramax.com/wp-content/uploads/envato/demo/coming_soon_machine/dark/

27 website-design  css  animation  illustration  adobe-flash 

Lorem Ipsumเป็นค่าเริ่มต้นที่รู้จักสำหรับข้อความจำลอง จากการค้นหาการสนทนาล่าสุดเกี่ยวกับทางเลือกคืออายุสองปี ฉันคิดว่าฉันจะโพสต์หัวข้อใหม่ในหัวข้อนี้ ดังนั้นสิ่งที่มีการปรับปรุงทางเลือกเพื่อ Lorem Ipsum?

27 website-design  typography  html 

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

27 website-design  logo  client-relations 

หมายเหตุนี่เป็นเรื่องเกี่ยวกับการออกแบบมากกว่าการพัฒนา ฉันสร้างเว็บไซต์ตั้งแต่เริ่มต้นด้วย CSS และ HTML ที่เขียนด้วยมืออย่างสมบูรณ์ ฉันรู้เกี่ยวกับเทมเพลต css ที่สร้างไว้ล่วงหน้าเช่นBootstrapหรือHTML5 Boilerplateเป็นระยะเวลาหนึ่ง ฉันได้ดูพวกเขาเมื่อไม่นานมานี้ แต่ไม่เคยใช้มันเพื่ออะไรเลย ฉันไม่มีปัญหาในการรีเซ็ต CSS หรือรวมถึงจาวาสคริปต์เมื่อจำเป็นหรือกำหนดค่าสำหรับวิวพอร์ต เย็นวันนี้ฉันเขียนหน้า HTML5 / CSS พื้นฐาน ไม่มีอะไรที่ทำให้โลกสั่นสะเทือนในแง่ของการจัดวาง เพียงแค่กระโดดออกจากจุด หลังจากนั้นฉันตัดสินใจที่จะให้ Bootstrap วนด้วยเค้าโครงเดียวกัน มันเป็นมาตรฐานขนาด 960px, 3 คอลัมน์พร้อมหน้าภาพฮีโร่ ขณะที่ฉันเปลี่ยน Bootstrap มันเกิดขึ้นกับฉันว่า 80% หรือมากกว่านั้นใช้เวลาในการเรียนรู้ว่าจะใช้คลาสหรือรหัสใดกับสิ่งใดจากนั้นจึงหาสิ่งนั้นใน CSS เพื่อปรับเปลี่ยน เป็นที่ชัดเจนว่า Bootstrap จะไม่ช่วยฉันได้ตลอดเวลา ในความเป็นจริง Bootstrap จะเพิ่มเวลาในการผลิตอย่างมากเนื่องจาก CSS ที่สร้างอุณหภูมิสูงเกินไป * ( โดย "เทมเพลตมากเกินไป" ฉันหมายความว่ามี CSS …

27 website-design  css  website-templates  html 

ฉันเป็นนักเรียนศิลปะที่พยายามอัพโหลดงานดิจิทัลบนเว็บไซต์ โดยทั่วไปแล้วนักออกแบบกราฟิกจะทำลายน้ำงานของพวกเขา ถ้าไม่นักออกแบบกราฟิกจะปกป้องงานของพวกเขาได้อย่างไร อัปเดต: เว็บไซต์ที่ฉันใช้คือ squarespace งานดิจิทัลที่ฉันกำลังอัปโหลดประกอบด้วยงานพิมพ์ (โลโก้ตัวอักษร) อินโฟกราฟิกการออกแบบบรรจุภัณฑ์และการสร้างแบรนด์ ฉันสังเกตว่านักวาดภาพประกอบจะอัปโหลดงานด้วย 72 dpi และลายน้ำ ในทางกลับกันนักออกแบบกราฟิก - ไม่มาก ฉันยังใหม่กับปัญหาลิขสิทธิ์ทั้งหมดดังนั้นฉันแค่สงสัยว่าลายน้ำเป็น "สิ่ง" สำหรับนักออกแบบกราฟิกหรือไม่

26 website-design  print-design  work 

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

26 website-design 

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

25 website-design  design-principles 

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

25 website-design  typography  typesetting  font-size  line-height 

คำถามนี้ถูกย้ายจาก User Experience Stack Exchange เนื่องจากสามารถตอบได้ใน Exchange Design Stack Exchange อพยพ 5 ปีที่ผ่านมา การพยายามหาไอคอนยกเลิกการลบความคิดที่ดีที่สุดที่ฉันคิดขึ้นมาในตอนนี้คือถังขยะที่กลับหัวกลับหางและมีขยะอยู่ด้านล่าง มันจะถูกวางไว้บนหน้าโปรไฟล์ผู้ใช้ที่แสดงรายการการให้บริการเนื้อหาของผู้ใช้เพื่อระบุว่าเนื้อหาใดที่ถูกลบและมีแนวโน้มที่จะให้ลิงค์เพื่อยกเลิกการลบเนื้อหานั้น

24 website-design  symbolism