การออกแบบ Ui
ศิลปะแห่งการขโมย: จะเป็นนักออกแบบระดับปรมาจารย์ได้อย่างไร
จิตรกร Pablo Picasso เคยกล่าวไว้ว่า“ ศิลปินที่ดีก็อปปี้ ศิลปินผู้ยิ่งใหญ่ขโมย” สิ่งนี้ไม่เคยเป็นจริงมากไปกว่าวันนี้
คนนอกหลายคนเชื่อว่านักออกแบบเป็นยูนิคอร์นมีพรสวรรค์หรือพิเศษไม่ทางใดก็ทางหนึ่ง เรามีความสามารถโดยกำเนิดในการสร้าง อินเทอร์เฟซที่สวยงาม ความสามารถโดยธรรมชาติในการจับคู่สีเสริมสัญชาตญาณที่อธิบายไม่ได้ในการสร้างตัวอักษรที่สวยงาม ไม่มีสิ่งนี้เป็นความจริง การเป็นนักออกแบบที่ยอดเยี่ยมต้องใช้เวลาหลายปีในการทำงานหนักการทดลองและความล้มเหลว
ปัญหาเกี่ยวกับความคิดแบบยูนิคอร์นคือทำให้การออกแบบดูเหมือนไม่สามารถบรรลุได้สำหรับผู้ที่สนใจ แต่ไม่เห็นว่าตัวเองเป็นประเภทความคิดสร้างสรรค์ ฉันได้พบกับโปรแกรมเมอร์และคนในสายเทคโนโลยีมากมายที่เชื่อว่าพวกเขาออกแบบไม่ได้เพราะเหตุนี้ แต่พวกเขาสามารถเปลี่ยนบล็อกทางจิตใจเหล่านี้ให้กลายเป็นส่วนประกอบสำคัญได้ด้วยการเปลี่ยนความคิดง่ายๆ แทนที่จะมองไปที่งานของนักออกแบบคนอื่นด้วยความอิจฉาให้คิดว่านี่คือกุญแจสู่ความสำเร็จของคุณ
ในความเป็นจริงการออกแบบเชิงโต้ตอบมีหลายอย่างเหมือนกันกับชุมชนซอฟต์แวร์โอเพนซอร์สคุณสามารถควบคุมได้โดยการขโมยและคัดลอกจากสิ่งที่ดีที่สุด และอย่าพลาดสิ่งเหล่านี้คือนักออกแบบชั้นนำของโลกจากสถานที่ต่างๆเช่น Dropbox, Facebook และ Palantir
ฉันจะรู้ได้อย่างไรว่ามันได้ผล? เพราะมันได้ผลสำหรับฉัน
ความคล้ายคลึงระหว่าง GitHub และ Dribbble
เมื่อฉันเริ่มเรียนรู้การออกแบบฉันรู้สึกประหลาดใจกับจำนวนโค้ดที่มีอยู่มากมายและสามารถใช้ได้ฟรีซอฟต์แวร์โอเพนซอร์สมีส่วนแบ่งการตลาดประมาณ 80 เปอร์เซ็นต์ ส่วนที่ดีที่สุดคือคุณสามารถแก้ไขและดูว่าเกิดอะไรขึ้นซึ่งจะช่วยเร่งการเรียนรู้ของคุณ GitHub มีปลั๊กอินและข้อมูลโค้ดที่คุณสามารถจินตนาการได้ทุกอย่างตั้งแต่ jQuery แบบเลื่อนลงไปจนถึง CSS framework และอื่น ๆ อีกมากมาย
คุณลักษณะการตอบกลับของ Dribbble เป็นสิ่งที่ใกล้เคียงที่สุดที่เรามีในอุตสาหกรรมการออกแบบสำหรับ 'ฟอร์ก' ของ GitHub หรือดาวน์โหลดซอฟต์แวร์โอเพนซอร์สชิ้นใดก็ได้และทำให้เป็นของคุณเอง
เป็นวิธีที่ดีที่สุดในการฝึกฝนทักษะของคุณ ไปที่ Dribbble ตรวจสอบ UI ที่คุณชื่นชอบและลองคัดลอกพิกเซลเป็นพิกเซล คุณสามารถเพิ่มการบิดของคุณเองแล้วดีดกลับเพื่อให้เครดิตกับนักออกแบบต้นฉบับ มาดูตัวอย่างวิธีที่นักออกแบบใช้คุณลักษณะการเด้งกลับ
พอฟลาวิอุสเนชิตา ออกแบบช็อตดั้งเดิมนี้และให้ PSD ฟรีทุกคนในชุมชน Dribbble สามารถใช้งานได้
ที่กระตุ้น Artem Borodynya เพื่อสร้างหน้าจอที่ยอดเยี่ยมสำหรับการประมวลผลบัตรเครดิต
กระจก Wayne จาก Palantir ต้องการปรับปรุง UI ของ Apple Pay มานานแล้ว แรงบันดาลใจจากการเด้งของ Borodynya เขาสร้างช็อตนี้โดยที่ผู้ใช้เลือกการ์ดที่ต้องการจากมู่เล่
ในตัวอย่างนี้ Smenan สร้างกราฟิกเครื่องหั่นกระดาษสุดเจ๋ง
และ ฮันนาจอง จาก Google ได้เพิ่มภาพเคลื่อนไหวลงไป
นี่คือ แบรนดอนเทอร์มินี นวัตกรรมของระบบเมนูสำหรับเว็บไซต์ของ บริษัท เทคโนโลยี การเพิ่มช็อตแบบนี้ลงใน Dribbble ช่วยผลักดันให้ชุมชนการออกแบบย้ายออกจากเขตสบาย ๆ และมีจินตนาการมากขึ้น
งานของ Termini ได้รับแรงบันดาลใจ Ilya Kostin เพื่อใช้แนวทางอื่นในการสร้างอินเทอร์เฟซที่หรูหรานี้
อังกิตยูเนียร์ประดิโต ออกแบบแอปพลิเคชันสมาร์ทโฮมที่ยอดเยี่ยมซึ่งทำให้ทุกห้องมีโปรไฟล์เป็นของตัวเอง
จากนั้น อิบนุมาศอูด ปรับปรุง UI ให้เรียบง่ายและเรียบง่ายเพื่อให้ใช้งานง่ายยิ่งขึ้น นักออกแบบคนอื่น ๆ หลายคนใน Dribbble ก็ตอบรับเช่นกันทั้งหมดนี้มีการตีความที่แตกต่างกัน หากคุณเคยได้รับการว่าจ้างให้ออกแบบแอประบบบ้านอัตโนมัติอัจฉริยะคุณจะรู้ว่าต้องเริ่มจากตรงไหน
ชุมชน Dribbble ชอบความเรียบง่ายของแผนภูมิการใช้พลังงานนี้ซึ่งออกแบบโดย คิงโย .
Oleksandr Pronskyi ปรับปรุงจากต้นฉบับโดยเพิ่มเอฟเฟกต์กระจกฝ้าเงาอ่อนและโทนสีวินเทจจากนั้นแจก PSD ให้ชุมชนใช้ฟรี
เมื่อ Dropbox เข้าร่วม Dribbble บริษัท ได้ประกาศด้วยกราฟิกนี้:
ซึ่งส่งเสริมชุมชนให้รีบาวด์ช็อตนี้มากกว่า 200 ครั้ง มันน่าทึ่งมากที่ภาพบางช็อตจุดประกายความคิดสร้างสรรค์ในชุมชน อันนี้โดย โจรี่ราฟาเอล เป็นหนึ่งในรายการโปรดของฉัน
Awsmd ออกแบบแดชบอร์ดเว็บที่ยอดเยี่ยมนี้:
ซึ่งเป็นแรงบันดาลใจ George Vasyagin เพื่อออกแบบใหม่ด้วยสีใหม่ที่สดใส
Kevin Kalde ออกแบบวิดเจ็ตสูตรที่เรียบง่าย แต่น่าสนใจนี้
จากนั้น Ididi สร้างขึ้นจากการออกแบบของเขาโดยการเพิ่มองค์ประกอบด้านสิ่งแวดล้อม
รามกฤษณะว ออกแบบสวิตช์เหล่านี้
แล้ว สึริเอล ทำให้พวกเขามีชีวิตขึ้นมา
เมื่อคุณคัดลอกงานออกแบบของผู้อื่นคุณต้องแยกมันออกจากกันเพื่อที่จะเข้าใจและนำไปใช้กับโครงการเฉพาะของคุณ มิฉะนั้นการออกแบบจะใช้ไม่ได้หรือดูเหมือนว่าไม่อยู่ในสถานที่ การคัดลอกอย่างมีประสิทธิภาพจะสอนให้คุณทำอย่างถูกวิธี สร้างพื้นฐานและสร้างสรรค์สิ่งใหม่ ๆ ที่เหมาะสม
หากคุณต้องการเป็นนักออกแบบที่ยอดเยี่ยมอย่ารอช้าและอย่าสงสัยตัวเอง ไปที่ Dribbble และติดตามนักออกแบบที่คุณชื่นชมผลงาน เลือกภาพที่คุณชื่นชอบและเริ่มคัดลอก ทำซ้ำแล้วซ้ำเล่าและคุณจะพัฒนาและฝึกฝนทักษะของคุณเมื่อเวลาผ่านไป ในที่สุดคุณจะสามารถทำสิ่งเดียวกับที่นักออกแบบคนโปรดของคุณทำได้
•••
