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

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

9 website-design  interface-design  design-principles  user-experience 

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

9 website-design  design-principles 

ฉัน dev ของเครื่องเล่นเพลงบนเว็บที่เรียกว่าTheParade ฉันฟังเพลงบน youtube บ่อยครั้งและต้องการประสบการณ์ที่ดีกว่าดังนั้นฉันจึงสร้างแอพขึ้นมาซึ่งฉันได้เขียนโค้ดเพิ่มขึ้นเรื่อย ๆ ในช่วงเวลาว่างของปีที่ผ่านมา จนถึงตอนนี้ไซต์ก็ได้รับการตอบรับอย่างดีและผู้คนต่างก็ชื่นชอบอินเทอร์เฟซแบบตรงไปตรงมา นับตั้งแต่การปิดตัวลงของ Grooveshark การใช้งานก็เพิ่มขึ้นอีก ที่ถูกกล่าวว่าเว็บไซต์ในขณะที่ใช้งานได้จะต้องใช้ LOT เป็นจำนวนมากในแง่ของ UI / UX ที่ดีขึ้น ฉันไม่ใช่นักเขียนโค้ดที่ดีที่สุดและฉันก็เป็นนักออกแบบน้อยลง นี่เป็นเว็บไซต์ฟรีและฉันไม่มีงบประมาณในการจ้าง UI / UX ที่ดี ฉันพยายามปรับปรุง UI / UX ด้วยตัวเอง แต่ใช้เวลาหลายปีกว่าจะถึงมาตรฐานที่ฉันรู้สึกว่าดีพอ นอกจากนี้ยังมีงานค้างอย่างน้อย 30 งานเขียนโค้ดที่ฉันยังต้องทำ จากสถานการณ์ของฉันความคิดใดที่ฉันมีตัวเลือกสำหรับการปรับปรุง UI / UX ของเว็บไซต์คืออะไร? ฉันเล่นกับความคิดที่จะร่วมมือกับคน UI / UX และเราสามารถทำงานร่วมกันบนไซต์ได้ แต่ฉันไม่รู้ว่าสิ่งนี้เป็นไปได้หรือไม่ ขอบคุณ!

9 website-design  workflow  designers  interface-design 

ฉันต้องการทราบว่าสิ่งนี้ถูกต้องหรือไม่ที่จะใช้รูปแบบพื้นหลังโบเก้และรวมเข้ากับการออกแบบแบนเนื้อหา สิ่งที่ต้องการ:

9 website-design  flat-design 

ในการติดตามคำถามนี้: การออกแบบซอฟแวร์ไอโซโทปโลโก้: วิจารณ์ สำหรับการตรวจสอบรหัสเว็บไซต์ (ประสิทธิภาพข้อบกพร่องประสบการณ์การใช้งานที่เกี่ยวข้อง) โปรดไปที่คำถามที่น้องสาวในรหัสตรวจสอบ ฉันกำลังมองหารีวิวเกี่ยวกับการออกแบบสำหรับเว็บไซต์ Tritiumของฉัน( ซอร์สโค้ด ) โดยเฉพาะ: เป้าหมายหนึ่งของเว็บไซต์คือการทำให้มันง่าย ฉันทำสำเร็จแล้วหรือยัง? สีในจานสีของฉันเติมเต็มซึ่งกันและกันหรือไม่? พื้นหลัง: #171d25 อะตอมเคลื่อนไหว: #333 โลโก้: #f8bd24 ข้อความลิงก์: #6e6e6e ส่วนหัวของแบรนด์ข้อความลิงก์โฮเวอร์ปุ่ม: #78C40F Navbar: #000 เนื้อความ: #fff คำติชมที่ผ่านมาทั้งหมดนำมาใช้อย่างถูกต้องออกแบบฉลาด? ฉันลงน้ำไปหรือไม่? ดำเนินการออกแบบโลโก้ของ @ DA01 ( ใช้โดยได้รับอนุญาต ) เพิ่มอะตอมพื้นหลังต่อหนึ่งใน@ ข้อเสนอแนะของ Yisela ของ , มารยาทการเคลื่อนไหวของ @squeamishossifrage พยายามทำให้มันง่ายขึ้นอยู่กับคำแนะนำอื่น ๆ อีกมากมาย ตัวเลือกแบบอักษรของฉันทำงานได้ดีกับส่วนที่เหลือของเว็บไซต์หรือไม่ มีแนวคิดการออกแบบใด ๆ ที่ฉันมองข้ามและไม่ได้นำไปใช้หรือไม่ …

9 website-design  critique  identity 

ทุกคนรู้ว่าเมื่อผู้คนมีอายุมากขึ้นวิสัยทัศน์ของพวกเขาก็จะแย่ลง เมื่ออายุ 20 ปีมีน้อยคนที่มีปัญหาในการมองเห็นและอ่านประเภท 8 หรือ 9pt ในรูปแบบการพิมพ์หรือบนเว็บขนาด 10-11px อย่างไรก็ตามผู้ชมที่มีอายุมากขึ้นจะต้องมีประเภทที่ใหญ่กว่าและจำเป็นต้องปรับความเป็นผู้นำมากขึ้นเพื่อให้พวกเขาอ่านได้อย่างสะดวกสบาย การรู้อายุเฉลี่ยของผู้ชมเป้าหมายช่วยในการออกแบบชิ้นส่วนที่เหมาะสมกับสิ่งนี้ในใจ การตั้งค่าประเภทที่ดีที่จะใช้ในการพิมพ์สำหรับผู้ชมอายุ 20-40 ปีคืออะไร ขนาดของเว็บประเภทใด การตั้งค่าประเภทที่ดีที่จะใช้ในการพิมพ์สำหรับผู้ชมอายุ 40-60 ปีคืออะไร ขนาดของเว็บประเภทใด อายุ 60 ปีขึ้นไปเป็นอย่างไร? serif / sans serif เป็นปัจจัยที่มีอายุหรือสามารถอ่านได้ทั่วไปที่เกี่ยวข้อง

9 website-design  typography  design-principles  font-size 

ฉันต้องการค้นหาแบบอักษรเช่นเดียวกับแบบอักษร Lato ที่มีรุ่น Latin Extended ฉันชอบ Lato แต่ไม่รวมถึงตัวละครจาก Latin Extended ดังนั้นฉันจึงพิมพ์ş, ğเป็นต้นไม่ได้ นี่คือภาพตัวอย่าง: ฉันใช้แบบอักษรนี้สำหรับโครงการเว็บไซต์ของฉัน

9 website-design  font-recommendation  sans-serif 

ฉันเป็นโปรแกรมเมอร์ PHP ที่มีประสบการณ์ แต่ยังใหม่กับ Illustrator ในที่สุดก็ถึงเวลาที่ฉันต้องดาวน์โหลดงานศิลปะจาก Shutterstock (shutterstock.com) เพื่อใช้ในเว็บไซต์ของลูกค้า ไฟล์อยู่ในรูปแบบ. eps และเมื่อฉันเปิดไฟล์นี้ใน Illustrator CS5 ฉันเห็นข้อความ "Lorem Ipsum" ทั้งหมด แต่ดูเหมือนจะไม่สามารถแก้ไขได้ - ดูเหมือนว่าจะเป็นเพียงเส้นทางที่คลิกได้ มีวิธีง่าย ๆ สำหรับฉันในการใช้ Illustrator เพื่อนำเสนอข้อความในรูปแบบข้อความที่แก้ไขได้เพื่อให้ฉันสามารถดำเนินการแก้ไขข้อความได้หรือไม่ ภาพคือ:

9 adobe-illustrator  website-design 

ฉันมีข้อความสองบล็อกที่ค่อนข้างเล็ก (แค่ย่อหน้าละย่อหน้า) และพวกเขาดูเป็นธรรมที่ดีขึ้น แต่ปัญหาคือtext-align: justify;บางครั้งก็เพิ่มช่องว่างขนาดใหญ่มากและทำให้ข้อความค่อนข้างน่าเกลียด เป็นไปได้หรือไม่ที่จะปรับระยะห่างระหว่างคำด้วย CSS ให้ละเอียดยิ่งขึ้นเพื่อให้สิ่งนี้ไม่เกิดขึ้น?

9 website-design  typography  css 

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

9 website-design  typography  logo  print-design  branding 

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

9 website-design 

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

9 adobe-photoshop  website-design  background  tiles 

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

9 website-design 

นี่ไม่เกี่ยวกับการออกแบบเว็บ แต่เกี่ยวกับการออกแบบอินเตอร์เฟสโดยทั่วไป ควรใช้โค้ด Mockups ของอินเทอร์เฟซหรือ "วาด" ในโปรแกรมกราฟิกเช่น GIMP, Photoshop เป็นต้นหรือไม่

9 website-design  interface-design  design-process 

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

9 website-design  design-principles  interface-design