เนื้อหา
- 01. ใช้คำเปรียบเปรยที่จำได้
- 02. กล้าได้กล้าเสีย
- 03. ใช้เส้นตาราง
- 04. หลีกเลี่ยงคำที่เป็นลายลักษณ์อักษร
- 05. เพิ่มความลึก
- 06. สร้างสไตล์ภาพที่สอดคล้องกัน
- 07. แสวงหาความสมบูรณ์แบบ
- ชอบสิ่งนี้ไหม อ่านสิ่งเหล่านี้!
การออกแบบไอคอนของ iOS 7 ได้พิสูจน์ให้เห็นถึงความแตกแยก แต่ในฐานะผู้อำนวยการ Bjango และนักออกแบบนำอย่าง Marc Edwards ได้ชี้ให้เห็นในคุณลักษณะของเราเกี่ยวกับสิ่งที่ Apple คิดว่าถูกและผิดกับไอคอนของ iOS 7: "โดยทั่วไปแล้วไอคอนแอปจะได้รับการอัปเดตร่วมกับรุ่นหลัก ๆ และอื่น ๆ ฉันสงสัยว่าเราจะเห็นการเปลี่ยนแปลงไปมากจนถึง iOS 8 ดังนั้นจะรักหรือเกลียดพวกเขาพวกเขาอยู่ที่นี่สักพัก "
อุปสรรคสำหรับนักออกแบบคือเนื่องจากการเปลี่ยนแปลงของ Apple นั้นรุนแรงมากไอคอน iOS 6 จึงไม่สามารถช่วยได้ แต่ดูล้าสมัยเมื่ออยู่ท่ามกลางผู้มาใหม่ แต่คุณควรออกแบบสำหรับ iOS 7 อย่างไร? มันเป็นกรณีของการลอกทุกอย่างกลับและเพิ่มสีเป็น 11 หรือไม่? เราตัดสินใจค้นหาและพูดคุยกับผู้เชี่ยวชาญด้านการออกแบบไอคอนซึ่งเปิดเผยกฎทอง 7 ประการในการออกแบบไอคอน iOS 7
01. ใช้คำเปรียบเปรยที่จำได้
Edwards ตั้งข้อสังเกตว่ามักจะเห็นไอคอนในขนาดเล็กดังนั้นการรักษาแนวคิดให้เรียบง่ายจึงเป็นกุญแจสำคัญ: "โดยปกติจะหมายถึงการยึดติดกับวัตถุที่เป็นที่รู้จักหนึ่งหรือสองชิ้นหากทำได้ให้ใช้สีและเงาที่เป็นเอกลักษณ์เพื่อช่วยในการระลึกถึง"
นักออกแบบ Jon Hicks กล่าวเพิ่มเติมว่าคำอุปมานั้นควรเป็นที่จดจำได้จากสิ่งที่มันทำ (เช่นกล้องถ่ายรูป) หรือสิ่งที่เป็น / เอกลักษณ์ของมัน (ตัวอย่างเช่น 'แบรนด์' ของ Safari) และตั้งข้อสังเกตว่าการตั้งค่าและ Game Center ของ Apple เองนั้นล้มเหลวที่ ทั้งสองอย่าง
Dmitry Tsozik ผู้อำนวยการฝ่ายสร้างสรรค์ของ Soft Façadeยังเน้นย้ำว่านักออกแบบไม่ควรพยายามทำตัวให้ฉลาดเกินไป: "อย่าวางวงกลมสุ่มบนพื้นหลังสีขาวและเรียกมันว่าไอคอนค้นคว้าสีและอุปลักษณ์ของคุณและอย่าทำให้ผู้ใช้เดา !”
02. กล้าได้กล้าเสีย
Gedeon Maheux ผู้ร่วมก่อตั้ง Iconfactory กล่าวว่าแม้ว่าคุณจะไม่ค่อยกระตือรือร้นกับสีไอคอนที่สะดุดตาของ Apple แต่ บริษัท ก็วางรากฐานสำหรับรูปแบบภาพที่คนอื่น ๆ ควรปฏิบัติตาม: "ใช้คอนทราสต์ที่โดดเด่นในการออกแบบของคุณ iOS 7 ถูกทำเครื่องหมายด้วยขอบเขตที่สว่างเส้นที่ชัดเจนและสีที่แสดงออก " เขาเสริมว่าสีพาสเทลและสีที่ปิดเสียงจึงใช้ไม่ได้ผลกับ "จานสีที่สดใสและสนุกสนาน" ซึ่งเป็นหน้าจอหลักของ iOS 7
03. ใช้เส้นตาราง
Maheux ขอแนะนำอย่างน้อยให้เริ่มต้นด้วยเส้นตารางแม่แบบที่ Apple ออกแบบมาสำหรับ iOS 7: "มันมีสัดส่วนและความกลมกลืนในตัวยิ่งแอปที่ใช้เป็นฐานมากแอปก็จะดูรวมกันบนหน้าจอหลักมากขึ้นเท่านั้น" อย่างไรก็ตามเขาบอกว่าคุณไม่ควรรู้สึกถูก จำกัด มากเกินไป: "ถ้าคุณต้องการทำลายเส้นตารางเพื่อทำให้ไอคอนของคุณดูเจ๋งก็ไปเลย"
04. หลีกเลี่ยงคำที่เป็นลายลักษณ์อักษร
อีกหนึ่งสิ่งที่โดดเด่นกว่าของ iOS 7 คือการขึ้นอยู่กับประเภท เนื่องจากไม่มีขอบปุ่มเป็นส่วนใหญ่ข้อความสีมักบ่งบอกถึงสิ่งที่สามารถใช้สำหรับการกระทำได้ แต่ Edwards เตือนแนวความคิดนี้ว่าไม่ควรขยายไปถึงไอคอน: "หลีกเลี่ยงข้อความและอย่าพยายามยัดเยียดทั้งคำลงในไอคอนของคุณ หากเป็นไปได้ไอคอนควรเป็นสัญลักษณ์และไม่เชื่อมโยงกับภาษาใดภาษาหนึ่งโดยเฉพาะ "
05. เพิ่มความลึก
งานของ Apple บน iOS ถูกเรียกว่าการออกแบบที่เรียบ แต่ Jony Ive อยากจะชี้ให้เห็นว่าระบบมีแนวคิดแบบ 'เลเยอร์' มากกว่าที่จะมีอยู่บนระนาบเดียว นักออกแบบไอคอน Maheux คิดว่าจะคิดในทำนองเดียวกันเมื่อสร้างไอคอนที่พวกเขาต้องการให้โดดเด่น: "อย่ากลัวที่จะทดลองกับเงาที่ละเอียดอ่อนและการแรเงาขององค์ประกอบที่อยู่นอกเหนือการไล่ระดับสีแบบธรรมดาโลกแห่งความเป็นไปได้ใน iOS 7 มีอยู่และสิ่งต่างๆไม่ได้เป็นไปตาม แบนอย่างที่เห็น "
06. สร้างสไตล์ภาพที่สอดคล้องกัน
ดูไอคอนสำหรับชุดอุปกรณ์ App Store ของ Apple และเห็นได้ชัดว่าเป็นส่วนหนึ่งของกลุ่มผลิตภัณฑ์เดียว การคิดนอกเหนือจากแอปเดียวสามารถเป็นประโยชน์ต่อนักออกแบบได้ แต่ฮิกส์เตือนว่าคุณไม่ควร จำกัด รูปแบบมากเกินไป: "ความสม่ำเสมอไม่ได้หมายถึงการทำให้น้ำหนักและสีของเส้นเหมือนกันทุกประการ แต่ต้องมีสไตล์ภาพที่กลมกลืนกัน" เขาอธิบายว่านี่อาจเป็นสัญลักษณ์สีขาวทึบธรรมดาบนการไล่ระดับสีพื้นฐานหรือไอคอนโปร่งใสหลายสีบนพื้นหลังสีขาวหรืออย่างอื่นทั้งหมด "แต่ตัดสินใจเลือกสไตล์ - สไตล์ที่ช่วยให้มีความยืดหยุ่นสำหรับคำอุปมาอุปมัยที่หลากหลาย - และยึดติดกับมัน"
Edwards กล่าวเพิ่มเติมว่าจะมีประโยชน์หากไอคอนดังกล่าวแสดงถึงแอปภายใน: "คุณสามารถทำได้โดยรักษาสไตล์และสีให้สอดคล้องกับ UI หลักหากไม่มีอะไรอื่นสิ่งนี้จะช่วยเพิ่มการเชื่อมโยงของแอปและไอคอนได้"
07. แสวงหาความสมบูรณ์แบบ
นี่ไม่ใช่แนวความคิดใหม่ แต่ด้วยระบบปฏิบัติการที่ให้ความสำคัญกับความสง่างามความเรียบง่ายและรายละเอียดสิ่งที่หยาบและพร้อมแล้วตอนนี้ก็ดูโดดเด่นเหมือนนิ้วโป้ง "หลักการในการสร้างไอคอนที่ดีไม่ได้เปลี่ยนไปเมื่อใช้ iOS 7" Tsozik เห็นด้วย "แต่อ่านหนังสือเกี่ยวกับการออกแบบสถาปัตยกรรมและการพิมพ์ที่ทันสมัยและใช้เวลาในการพัฒนาทักษะเวกเตอร์ของคุณให้สมบูรณ์แบบ"
คำ: Craig Grannell
ชอบสิ่งนี้ไหม อ่านสิ่งเหล่านี้!
- ตัวอย่างงานศิลปะ doodle ที่ยอดเยี่ยม
- แอพรูปภาพที่ดีที่สุดสำหรับ iPhone, iPad และ Android
- คำแนะนำขั้นสูงสุดในการออกแบบโลโก้
มีเคล็ดลับการออกแบบไอคอนที่ยอดเยี่ยมหรือไม่? แบ่งปันในความคิดเห็น!
