ฉันวาดไม่ได้ ฉันจะสร้างแอปพลิเคชันที่ขัดมันได้อย่างไร

ฉันไม่ใช่นักออกแบบกราฟิก ฉันวาดอะไรไม่ดีเลยนะ ฉันพยายามสร้างสิ่งต่าง ๆ ที่ดูดีเหมือนแอพพลิเคชั่น "ตัวอย่าง" ที่มาพร้อมกับเครื่องมือในการพัฒนา ส่วนใหญ่เป็นเพราะฉันไม่ได้หมอบในทางของศิลปะ

ฉันควรใช้กลยุทธ์อะไรเพื่อลดสิ่งนี้

ผมเองไม่คิดว่าคุณจะต้องดีมีศิลปะในการสร้างส่วนติดต่อผู้ใช้ที่ชื่นชอบ

สิ่งที่ทำให้ UI ที่ดีนั้นไม่ได้ขึ้นอยู่กับความคิดสร้างสรรค์ แต่เกี่ยวข้องกับแนวทางที่เป็นที่ยอมรับ หากคุณปฏิบัติตามแนวทางเหล่านี้และฝึกปฏิบัติคุณสามารถสร้างส่วนต่อประสานที่ยอดเยี่ยมได้ด้วยตนเอง

ฉันขอแนะนำให้ทำต่อไปนี้ ...

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

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

ฉันพบสองสิ่งที่ทำให้ส่วนต่อประสานผู้ใช้เป็นที่พอใจ:

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

นอกจากนี้ ... อย่าเริ่มด้วยการออกแบบ เริ่มต้นด้วยฟังก์ชั่นและให้การออกแบบพัฒนา นอกจากนี้ทดลอง! อย่าอารมณ์เสียถ้ามันดูไม่สมบูรณ์หลังจากการทำซ้ำ 1-2 ครั้ง มันจะดีขึ้นเมื่อเวลาผ่านไป แต่ที่สำคัญที่สุดที่คุณต้องลอง

ความสามารถด้านศิลปะของฉันอยู่ที่เกรด 5 ในวันที่ดี :) ฉันจ้างนักออกแบบกราฟิกไม่ว่ามืออาชีพเมื่ออยู่ที่ทำงานหรือภรรยาของฉันที่มีทักษะศิลปะที่ยอดเยี่ยมและรักที่จะใช้พวกเขา

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

หากคุณกำลังมองหาเนื้อหากราฟิกมีเว็บไซต์ไม่กี่แห่งที่รวบรวมกราฟิกคุณภาพสูงสำหรับใช้งานฟรี :

• Bootstrapสำหรับเฟรมเวิร์ก UI ของเว็บ UI ที่ดีที่สุด (แต่แน่นอนที่สุดในขณะนี้)
• Glyphiconsสำหรับชุดไอคอนที่สนับสนุนเฟรมเวิร์ก Bootstrap UI ของ Twitter
• รูปแบบที่ละเอียดอ่อนสำหรับรูปแบบพื้นหลังที่ละเอียดอ่อน
• ไอคอน Silk ของ FamFamFamที่ใช้ในซอฟต์แวร์จำนวนมากทั่ว
• ตลาดสร้างสรรค์สำหรับองค์ประกอบที่หลากหลาย

และอีกมากมายเช่นโครงการศิลปะ GNOMEที่มีเนื้อหากราฟิกฟรีมากมายเช่นกัน

ไม่ใช่คนที่มีความคิดสร้างสรรค์น้อยและไม่มีการศึกษาด้านการออกแบบฉันมักจะพยายามด้านอนุรักษ์นิยมเสมอ: ใช้รูปแบบที่กำหนดไว้ (เช่นกรอบ) และเบี่ยงเบนน้อยที่สุดจากเส้นทางตรอกเดน สิ่งนี้จะไม่น่าสนใจมาก แต่อย่างน้อยคุณก็ลดโอกาสที่จะเกิดความล้มเหลวและภัยพิบัติ UX

Picasso กล่าวว่า "ศิลปินที่ยิ่งใหญ่ขโมย" แต่ในความเป็นจริงมันเป็นแฮ็คที่ไม่มีความสามารถและดูว่าสิ่งนี้นำ Microsoft และ Samsung ไปสู่แพลตฟอร์มที่ขายดีอย่างไร

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

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

สิ่งที่คุณอาจมองหาคือ "การออกแบบ UI / UX สำหรับนักพัฒนา" หนังสือเล่มหนึ่งที่เกี่ยวข้องกับหัวข้อนี้คือการออกแบบส่วนต่อประสานผู้ใช้สำหรับโปรแกรมเมอร์

หากคุณไม่ได้มองหาการออกแบบ UI / UX แต่ต้องการพัฒนาทักษะการออกแบบกราฟิกฉันขอแนะนำให้หาชั้นเรียนเกี่ยวกับวิธีการใช้ Adobe Photoshop หรือ Adobe Illustrator (หากไม่ใช่อย่างน้อยบางบทช่วยสอนบนอินเทอร์เน็ต) ด้วยการเรียนรู้เทคนิคสองสามอย่างและมองดูงานของคนอื่นเพื่อหาแรงบันดาลใจคุณจะแปลกใจว่าคุณต้องใช้ความคิดสร้างสรรค์ทางศิลปะเพียงเล็กน้อย

ตัวอย่างเช่นคุณสามารถเรียนรู้เครื่องมือไล่โทนสีใน Photoshop พร้อมกับเครื่องมือ Rounded Rectangle และคุณสามารถทำสิ่งที่คล้ายกับปุ่ม "ลงทะเบียนเพื่อรับจดหมายข่าว" ทางด้านขวา (แม้ว่าในกรณีนี้จะใช้ CSS ล้วนๆ)

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

ฉันเห็นด้วยกับ c_maker ในการใช้งานที่ดีนั้นคือการออกแบบที่ดีแม้ว่ามันจะฟังดูว่าคุณมีความเฉพาะเจาะจงมากขึ้นในส่วนท้าย 'arty'

หากคุณกำลังออกแบบเว็บไซต์และวางเลย์เอาต์นี่คือบางส่วนของไซต์ css เหล่านั้น:
http://www.freecsstemplates.com/
http://www.templatemo.com/
http://www.free-css.com/
http : //www.oswd.org/
http://www.openwebdesign.org/