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

คำถามเกี่ยวกับการออกแบบรูปลักษณ์ที่สวยงามของเว็บไซต์ทั้งในทางปฏิบัติและเชิงทฤษฎี สำหรับคำถามเกี่ยวกับการเขียนโค้ดโครงสร้างของเว็บไซต์โปรดไปที่ Stack Overflow สำหรับคำถามเกี่ยวกับประสบการณ์การใช้งานโปรดไปที่ UX.SE ถามทุกสิ่งที่เกี่ยวข้องกับการออกแบบกราฟิกและเลย์เอาต์ที่มองเห็นได้ที่นี่บน GD.SE

11
มีทางเลือก 'Helvetica Neue' ฟรีหรือไม่?
ไม่มีใครรู้แบบอักษรอื่น ๆ ที่คล้ายกับ Helvetica Neue (ฟรีสำหรับใช้ในเชิงพาณิชย์) ฉันกำลังทำงานในโครงการเว็บไซต์ขนาดใหญ่ที่ใช้ 'Helvetica Neue' อย่างหนัก ฉันต้องการแบบอักษรที่มีลักษณะเกือบเหมือนกันฟรีสำหรับการใช้งานส่วนตัวและเชิงพาณิชย์และดูดีแม้ใช้กับ copytext (เช่นแบบอักษรสำหรับ copytext = 11px สำหรับหัวข้อ = 16px) นอกจากนี้ควรมีรูปแบบตัวอักษรย่อ (ถ้าเป็นไปได้)


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


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

8
ออกแบบรอบโลโก้อันยิ่งใหญ่
ฉันกำลังมองหาความคิดเห็นเกี่ยวกับวิธีจัดการกับปัญหาที่น่าสนใจที่ฉันพบ ฉันตะลุยใน UX / การออกแบบกราฟิกโดยเฉพาะสำหรับเว็บ เว็บไซต์คงที่เป็นส่วนใหญ่ ฉันทำทุกอย่างตามเวลาของตัวเองในฐานะธุรกิจข้างเคียงและเป็นสิ่งที่ฉันอยากจะทำงานเต็มเวลา ในวันนี้ฉันเป็นวิศวกรซอฟต์แวร์ของ บริษัท ที่ไม่เกี่ยวข้องกับการออกแบบหรือ UX อย่างไรก็ตามเรามีเว็บไซต์ที่ล้าสมัยเป็นอย่างยิ่ง วันนี้หัวหน้าของเราเรียกประชุมเพื่อหารือกับฉันและพนักงานคนอื่น ๆ ที่มีความเชี่ยวชาญในการเขียนสคริปต์แบ็คเอนด์เพื่อแสดงความต้องการออกแบบเว็บไซต์ใหม่ เธอเห็นงานของฉันและสนุกมากกับสิ่งที่ฉันทำและจะอนุญาตให้ฉันใช้เครดิตกับเว็บไซต์โดยใช้ LLC ภายนอกของฉันแทนที่จะโฆษณาไซต์เป็นงานภายใน เธอยังชี้ให้ฉันเห็นถึงคนอื่น ๆ อีก 4 คนในอุตสาหกรรมเดียวกันที่ต้องการบริการแบบเดียวกันซึ่งเธออยากจะแนะนำฉัน ในคำอื่น ๆ แต่มีหนึ่งปัญหา เธอยืนหยัดอย่างมั่นคงในการรักษาโลโก้ บริษัท เดียวกันและมันช่างน่ากลัวจริงๆ แบบอักษรมีความแตกต่างที่น่าสงสารมากกับองค์ประกอบกราฟิกมันเป็น kerned และระยะห่างไม่ดีและในที่ที่ข้อความไม่สามารถอ่านได้ เธอมีความคิดที่น่ากลัวหลายประการสำหรับการออกแบบเว็บที่เธออนุญาตให้ฉันยิงได้อย่างสง่างาม แต่เธอทำให้มันชัดเจนมากว่าเธอจะไม่โค้งงอโลโก้ ส่วนหนึ่งเป็นเพราะมันถูกออกแบบโดยลูกชายของเธอและบางส่วนเพราะในอุตสาหกรรมของเราเราพยายามที่จะลดการสัมผัสกับคนกลุ่มน้อยมากและการสร้างแบรนด์ที่สอดคล้องกันจึงเป็นสิ่งสำคัญ มันเป็นโลโก้ที่ออกไปทางนามบัตรลายน้ำงานนำเสนอและสิ่งที่คล้ายกันมานานกว่า 9 ปีเธอจึงรู้สึกว่าการเปลี่ยนอัตลักษณ์ของแบรนด์ภาพของเราจะเป็นปัญหา คุณมีคำแนะนำเกี่ยวกับการออกแบบองค์ประกอบ keystone น่าเกลียดเช่นนี้? การออกแบบเว็บไซต์จะดำเนินต่อไปไม่ว่าจะมีหรือไม่มีฉันและหากฉันไม่เกี่ยวข้องก็จะถูกสร้างขึ้นมาใหม่โดยสิ้นเชิงจากภายในทั้งหมดไม่มีที่ปรึกษาอื่น นอกจากนี้ฉันจะเสียโอกาสที่จะได้รับลูกค้าอิสระจำนวนเล็กน้อยจำนวนเล็กน้อย และฉันชอบที่จะเพิ่มธุรกิจบางอย่างในพอร์ตโฟลิโอของฉันและเงินสดบางส่วนให้คำปรึกษาอย่างรวดเร็วในกระเป๋าเงินของฉันเพื่อให้ฉันสามารถปิดภาคการศึกษาสุดท้ายของมหาวิทยาลัยในสีดำและเริ่มชำระเงินกู้นักเรียนทันที

5
วัตถุประสงค์ของการใช้สีเข้มมากสำหรับข้อความแทนที่จะเป็นสีดำบริสุทธิ์คืออะไร?
ฉันได้เห็นแล้วว่าการออกแบบเว็บบางแบบใช้สีตัวอักษรสีดำเกือบ (ฐานสิบหก # 001c00) ในการออกแบบแทนที่จะใช้สีดำบริสุทธิ์ (ฐานสิบหก # 000) การออกแบบได้รับประโยชน์จากสิ่งนี้จริงหรือเป็นการใช้งานจริงเหมือนกับการใช้สีดำหรือไม่? ฉันเป็นนักออกแบบเว็บไซต์และนักพัฒนามือสมัครเล่นและดูเหมือนจะไม่เข้าใจความแตกต่าง


10
นักออกแบบจะอธิบายงานของพวกเขาให้กับคนที่ไม่ได้สร้างสรรค์ได้อย่างไร
ปัญหาหนึ่งที่ฉันเผชิญเป็นการส่วนตัวคือฉันจะอธิบายงานของฉันให้กับลูกค้าที่มีศักยภาพหรือคนที่ไม่มีด้านสร้างสรรค์ได้อย่างมีประสิทธิภาพ ฉันรู้วิธีอธิบายซอฟต์แวร์หรือกระบวนการที่ใช้ แต่วิธีการที่นักออกแบบสามารถอธิบายความคิดให้กับคนที่ไม่มีเงื่อนงำได้คืออะไร ฉันคิดเกี่ยวกับการใช้รายการสัญลักษณ์แสดงหัวข้อย่อยเมื่อฉันผ่านโครงการและจดวลีสำคัญคล้ายกับว่าบางคนมาออกแบบโลโก้ มีการศึกษาหรือการวัดที่สามารถใช้เพื่อบอกว่า x, y และ z ควรรวมไว้เช่น: สี ฟอร์มแฟคเตอร์ กลุ่มเป้าหมาย คำตอบที่ใกล้เคียงที่สุดที่ฉันพบผ่าน Google เป็นบทความโดย Design Tuts หัวข้อ " การเตรียมและการพูดคุยเกี่ยวกับผลงานออกแบบกราฟิกของคุณ " มันไม่ง่าย ศิลปะการพูดคุยเกี่ยวกับงานของคุณไม่ใช่สิ่งที่เกิดขึ้นตามธรรมชาติกับนักออกแบบ - ฉันรู้ว่าฉันไม่พบว่าง่ายในการเริ่มต้น แต่มันเป็นทักษะที่ดีในการเรียนรู้และเรียนรู้ให้เร็วที่สุดเท่าที่จะทำได้ อย่ากลัวที่จะทำผิดพลาดและมองว่าการประชุมแต่ละครั้งเป็นโอกาสในการพัฒนาทักษะนี้ ไม่เพียง แต่จะทำให้การพูดคุยเกี่ยวกับพอร์ตโฟลิโอของคุณง่ายขึ้นเท่านั้นมันยังช่วยให้คุณนำเสนอแนวคิดและงานออกแบบได้ดีขึ้นทั้งกับเพื่อนร่วมงานและลูกค้าของคุณ กฎง่ายๆที่นี่คือการมีส่วนร่วม เป้าหมายของคุณคือการกระตุ้นความสนใจในงานของคุณไม่พูดหรือบรรยาย โปรดจำไว้ว่าการแสดงพอร์ตโฟลิโอของคุณต่อผู้คนก็เป็นเรื่องเกี่ยวกับพวกเขาไม่ใช่เฉพาะคุณ เมื่อคุณมาที่แต่ละโครงการพูดคุยเกี่ยวกับเรื่องนี้สั้น ๆ เพื่อแนะนำ แต่ไม่พูดถึงที่ความยาว ดูว่าพวกเขามีปฏิกิริยาอย่างไรปล่อยให้พวกเขาถามคำถามหรือให้พวกเขาดู หากพวกเขากำลังมองคุณมากกว่าที่จะทำงานให้พูดคุยเพิ่มเติมเกี่ยวกับโครงการ - บอกพวกเขาถึงสิ่งที่คุณสนใจ มองหาสัญญาณว่าถึงเวลาแล้วที่จะไปยังโครงการถัดไป เพื่อช่วยให้คุณคุ้นเคยกับการพูดคุยเกี่ยวกับงานของคุณลองใช้กับคนอื่นเมื่อใดก็ตามที่คุณมีโอกาส หากพวกเขาไม่ใช่นักออกแบบมันจะช่วยได้มากขึ้นในขณะที่คุณจะฝึกไม่ใช้นักออกแบบศัพท์แสงเพื่ออธิบายแต่ละโครงการ ดังนั้นคำถามของฉันคือนักออกแบบสร้างสรรค์จะอธิบายโครงการพอร์ตโฟลิโอให้กับผู้ที่ไม่ใช่คนสร้างสรรค์ได้อย่างไร

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

3
ฉันจะพัฒนาทักษะการเลือกสีได้อย่างไร
ฉันเป็นนักพัฒนาเว็บและเริ่มเป็นนักออกแบบเว็บไซต์ อย่างไรก็ตามฉันคิดว่าความเข้าใจเรื่องสียังใช้ไม่ได้ มีเครื่องมือมากมายที่สามารถให้สีของคุณกลมกลืนและอื่น ๆ อีกมากมายเช่นColor Scheme Designerแต่มันไม่ได้ให้จุดเริ่มต้นกับคุณ ฉันหมายถึงฉันควรรู้ได้อย่างไรว่าสำหรับเว็บไซต์นี้ฉันควรใช้สีเขียวและสำหรับเว็บไซต์นั้นให้เลือกสีแดง ฉันจะรู้ได้อย่างไร? ฉันคิดว่าการเลือกสีเป็นเหมือนศิลปะแทนที่จะเป็นวิทยาศาสตร์และฉันชอบ "คุณควรเป็นศิลปินสีเพื่อที่จะเป็นนักออกแบบเว็บไซต์" ฉันจะพัฒนาทักษะการเลือกสีได้อย่างไร

7
Favicon แนวทางปฏิบัติที่ดีที่สุดเกี่ยวกับขนาดและรูปแบบ
ฉันกำลังยุ่งอยู่กับไซต์ WordPress และมาถึงขั้นตอนสุดท้ายเพื่อเพิ่มความสมบูรณ์แบบให้กับการเป็น favicon ฉันเป็นนักพัฒนาเป็นหลักดังนั้นกราฟิกและไอคอนไม่ใช่จุดแข็งของฉัน แนวทางปฏิบัติที่ดีที่สุดเมื่อสร้าง favicon คืออะไร (ในแง่ของขนาด ฯลฯ ฉันมีการออกแบบแล้ว) ฉันต้องการรองรับทุกอุปกรณ์ที่เป็นไปได้ไม่ว่าจะเป็นมือถือแท็บเล็ตจอเรตินา ฯลฯ นอกจากนี้ฉันไม่ต้องการให้มันพร่ามัวดังนั้นฉันจำเป็นต้องรู้ว่าความหนาแน่นของพิกเซลที่จะใช้และทุกอย่าง หากมีแอพ Mac หรือเครื่องมือออนไลน์ที่จะทำสิ่งนี้ให้คุณ (และทำอย่างถูกต้อง) ซึ่งจะดีเช่นกัน มิฉะนั้นฉันรู้วิธีหาทางของฉันรอบ Illustrator และ Photoshop

13
นักออกแบบเว็บไซต์จำเป็นต้องรู้รหัสหรือไม่
ในฐานะนักพัฒนาเว็บทั้งสถาปนิก front-end และ back end ฉันทำงานกับนักออกแบบหลายคนและบางครั้งก็พบว่ามันน่าผิดหวังในการทำงานกับ comps ที่ไม่คิดว่าจะทำอย่างไรให้สำเร็จใน CSS และ HTML พื้นฐาน ในทางกลับกันในฐานะนักพัฒนาฉันคาดว่าจะสามารถสร้างโค้ดจากการออกแบบใด ๆ นักออกแบบเว็บไซต์จำเป็นต้องรู้เทคนิค CSS และ HTML พื้นฐานหรือไม่ ทำไมหรือเพราะเหตุใดจึงไม่สำคัญกับนักออกแบบเว็บไซต์ที่โค้งมนอย่างดี ความคิดทั่วไปบางอย่าง: นักพัฒนาเว็บส่วนหน้าควรมีทักษะเพียงพอที่จะเขียนโค้ดออกแบบ นักออกแบบเว็บไซต์ควรมีความเข้าใจว่าผู้ใช้จะโต้ตอบกับการออกแบบอย่างไร ร้านค้าออกแบบค่อนข้างจะมีนักออกแบบและปล่อยให้รหัสทั้งหมดขึ้นอยู่กับนักพัฒนา

3
ข้อความไม่สามารถอ่านได้บนพื้นหลังภาพที่แตกต่างกัน
ฉันมาที่นี่เพื่อค้นหาความช่วยเหลือหรือคำแนะนำเล็กน้อยเกี่ยวกับวิธีที่ฉันสามารถปรับปรุงสิ่งต่อไปนี้: เช่นเดียวกับชื่อกล่าวว่าฉันมีแบนเนอร์เว็บไซต์ที่มีข้อความหลายข้อความแสดงบนภาพที่แตกต่างกันเป็นพื้นหลัง ตอนนี้เนื่องจากภาพส่วนใหญ่มืดฉันได้ตั้งค่าสีฟอนต์เป็นสีขาว แต่ถึงกระนั้นข้อความบางส่วนก็ไม่สามารถอ่านได้ในสองภาพเช่น: ตั้งแต่ฉันทำงานกับ CSS ฉันได้ลองใช้ตัวเลือกต่าง ๆ เช่น: การเพิ่มเงาข้อความ: CSS: text-shadow: 3px 3px 0px #000; ลองสร้างกล่องกึ่งโปร่งใสรอบข้อความ: การสาธิต ฉันรู้สึกว่ากล่องหนึ่งมองออกไปนอกสถานที่ ฉันได้สร้างซอสำหรับผู้ที่รู้จัก CSS ถ้าไม่โปรดแนะนำให้ฉันตามจินตนาการของคุณคนเดียว PS: คุณสามารถให้คำแนะนำในการใช้แบบอักษรที่แตกต่างกันถ้ามันจะช่วยให้มันโดดเด่นกว่า

11
ควรใช้ DPI ใดในสถานการณ์ใดบ้าง
ฉันเห็นคำว่า 'DPI' ปรากฏขึ้นมากมายเมื่อฉันส่งออกผลงานของฉันใน Photoshop และ Illustrator ในขณะที่ฉันรู้ว่า DPI ย่อมาจาก 'จุดต่อนิ้ว' และถ้าคุณมี DPI ต่ำเกินไปบนภาพความละเอียดที่หนักหน่วงจะเกิดขึ้นหากคุณพยายามซูมเข้า DPI ที่เหมาะสมที่สุดสำหรับสถานการณ์แบบใด ตัวอย่าง (สถานการณ์): การส่งออกการออกแบบ A4 พิมพ์ รูปแบบเว็บไซต์ โลโก้ (เฉพาะเว็บไซต์ - มีขนาดเล็กกว่า SE กราฟิคปัจจุบันเล็กน้อย) โลโก้ (ปรับขนาดขึ้นและลง - จากนามบัตรไปจนถึงแบนเนอร์ขนาดใหญ่)

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