ทางลัดคือไอคอนของไฟล์ที่สร้างขึ้นเพื่อให้เข้าถึงเนื้อหาได้อย่างรวดเร็ว ตัวอย่างเช่น โฟลเดอร์ที่มีรูปถ่ายจะอยู่ที่ "Local Disk (D:)" และคุณสามารถเปิดได้โดยไปที่ "My Computer" โดยคลิกที่ฮาร์ดไดรฟ์และค้นหาโฟลเดอร์ที่มีค่า และอื่นๆ อีกมากมาย อีกทางเลือกหนึ่งคือสร้างทางลัดไปยังโฟลเดอร์ที่มีรูปภาพและวางไว้บนเดสก์ท็อปของคุณ ด้วยวิธีนี้ ผู้ใช้คอมพิวเตอร์จะ “เข้าที่” ทันทีเพียงคลิกที่ไอคอน ในบทความนี้ เราจะเรียนรู้วิธีสร้างทางลัดไปยังโฟลเดอร์ เอกสาร และแอปพลิเคชันบนเดสก์ท็อป
เหตุใดฉันจึงไม่สามารถอัปโหลดรูปภาพไปยังเดสก์ท็อปได้โดยตรงการเติมไฟล์ "หนัก" บนเดสก์ท็อปของคุณจะช่วยลดจำนวนหน่วยความจำบนดิสก์ระบบได้อย่างมาก ในที่สุดการกระทำดังกล่าวจะทำให้คอมพิวเตอร์ช้าลงอย่างมากและใช้เวลาโหลดนานหลังจากเปิดเครื่องหรือเข้าสู่โหมดสลีป ทางลัดมีน้ำหนักเพียงไม่กี่กิโลไบต์ ซึ่งน้อยกว่าภาพถ่ายคุณภาพสูงหนึ่งภาพหลายพันเท่า ทางลัดมีลักษณะอย่างไรทางลัดไปยังบางสิ่งจะเหมือนกันภายนอกกับไอคอนของไฟล์ที่สร้างทางลัดไว้ และมีชื่อเดียวกันกับคำว่า "ทางลัด" ข้อแตกต่างเพียงอย่างเดียวคือลูกศรจะปรากฏที่มุมซ้ายของรูปภาพฉลาก หากคุณเจาะลึกลงไป ส่วนขยายทางลัดคือ “.ink”
หลังจากดูวิดีโอ คุณจะรวบรวมความรู้ในการสร้างการเข้าถึงเอกสารบนคอมพิวเตอร์ของคุณได้อย่างรวดเร็ว เราหวังว่าคุณจะประสบความสำเร็จ!
ใครบ้างที่ไม่อยากสร้างไอคอนของตัวเองสำหรับทางลัด โฟลเดอร์ หรือแม้แต่ซอฟต์แวร์ทำเอง?
ไม่ต้องสงสัยเลยว่าอินเทอร์เน็ตเต็มไปด้วยไอคอนสำเร็จรูป ธีมที่หลากหลาย และคุณภาพที่แตกต่างกัน แต่ถ้าคุณต้องการให้โฟลเดอร์ตกแต่งด้วยใบหน้าของนักบัญชีที่พวกเขาส่งรายงานให้ล่ะ?
อย่าทำให้ใบหน้าที่ซื่อสัตย์ของพวกเขาเสื่อมเสียชื่อเสียงและนำภาพ "แฟลชไดรฟ์" เป็นตัวอย่าง
ไม่ว่าจะมีขนาดเท่าใด สิ่งสำคัญคือควรมีขนาดอย่างน้อย 32x32 พิกเซล
ตามกฎแล้วไอคอนคุณภาพสูงจะมีรูปภาพหลายขนาดและคุณภาพต่างกัน นี่เป็นสิ่งจำเป็นเพื่อให้ไอคอนดู "ราบรื่น" ในรูปแบบต่างๆ ในการแสดง (รายการ ไทล์ ไอคอน) หากมีภาพเดียวอยู่ข้างใน แน่นอนว่าภาพนั้นจะถูกย่อหรือขยายให้ใหญ่ขึ้น แต่คุณภาพการแสดงผลจะลดลง - ขอบจะกลายเป็นมุมและหากเดิมภาพมีขนาด 16x16 เมื่อขยายใหญ่ขึ้น มันจะ "โรยด้วยลูกบาศก์" ”
เพื่อเตรียมช่องว่างเหล่านี้ เราจำเป็นต้องมี Photoshop ธรรมดาที่สุด ซึ่งเราจำเป็นต้องโหลดแหล่งข้อมูลเพียงครั้งเดียวเท่านั้น ตอนนี้งานของเราคือบันทึกด้วยความละเอียดที่แตกต่างกัน
เลือก "รูปภาพ - ขนาดรูปภาพ" ในเมนูและตั้งค่าเป็น 48x48 หากคุณไม่ต้องการระบุความสูงด้วย คุณสามารถเลือกช่อง (หากไม่ได้ทำเครื่องหมาย) “รักษาสัดส่วน”
อย่าลืมบันทึกในรูปแบบ PNG โดยไม่มีการบีบอัด เราไม่ต้องการการสูญเสียคุณภาพหรือพื้นที่ที่โปร่งใส
กลับไปที่ "รูปภาพ - ขนาดรูปภาพ" และตั้งค่าขนาดใหม่ - 32x32
เราทำซ้ำการดำเนินการ เช่นเดียวกับ 16x16 และเป็นไปได้สำหรับ 128x128 สำหรับ Windows 7 ซึ่งขนาดนี้ค่อนข้างมีประโยชน์
ดังนั้นไฟล์ก็พร้อมแล้ว ถัดไป เปิดตัวแก้ไขไอคอน เช่น Microangelo Studio พื้นที่ทำงานที่ว่างเปล่าจะเปิดขึ้น เราลากไฟล์ที่เตรียมไว้ลงไปและเราเห็นว่าแต่ละไฟล์มีจุดยืนของตัวเอง
ในแต่ละขนาดจะมีข้อความว่า "XP" ซึ่งหมายความว่าเราได้ทำทุกอย่างถูกต้องแล้วและการแสดงสีจะสูงสุด เช่น โดยไม่สูญเสีย
ทำไมเราไม่โหลดภาพหนึ่งภาพลงในโปรแกรมแล้วเอียงภาพด้วยความละเอียดที่ต่างกัน? เพราะเราจะได้ภาพที่มีขอบเงอะงะ นั่นเป็นเหตุผลที่เราใช้ Photoshop
และ Microangelo Studio จะช่วยเรา "รวบรวมทุกอย่างเข้าด้วยกัน" (เพราะ Photoshop อย่างน้อยเวอร์ชันที่ 10 ไม่สามารถทำเช่นนี้ได้)
เป็นผลให้เราจะได้รับไอคอนที่เราสามารถใช้ได้ ตัวอย่างเช่น ฉันใช้มันเป็นโฟลเดอร์
จะดียิ่งขึ้นเมื่อแต่ละโฟลเดอร์มีไอคอนของตัวเอง คุณดูที่หน้าจอและคุณจะเห็นได้ทันทีว่ามีอะไรอยู่ในโฟลเดอร์ใดโฟลเดอร์หนึ่ง - ค้นหาโฟลเดอร์ที่คุณต้องการได้ง่ายกว่า
คุณสามารถดาวน์โหลดไอคอนจากอินเทอร์เน็ตในรูปแบบ ico หรือคุณสามารถค้นหาบนคอมพิวเตอร์ของคุณ! ถึงชุดจะเล็กแต่ก็...
คลิกขวาที่โฟลเดอร์ใดก็ได้บนคอมพิวเตอร์ของคุณและค้นหาคุณสมบัติในหน้าต่างที่เปิดขึ้น หลังจากคลิกที่คุณสมบัติ หน้าต่างจะเปิดขึ้นโดยคุณต้องไปที่ส่วนการตั้งค่าแล้วคลิกไอคอนเปลี่ยน เลือกไอคอนแล้วคลิกตกลง อย่าลืมใช้การเปลี่ยนแปลง (มุมขวาล่างของหน้าต่างที่เปิดอยู่) และหลังจากนั้นคลิกตกลง อีกครั้ง.
ฉันไม่เห็นประเด็นในการแสดงทั้งหมดนี้ รูปภาพจะแตกต่างกันไปตามระบบปฏิบัติการที่แตกต่างกัน แต่หลักการก็เหมือนกัน เพียงมองหาปุ่มและแท็บที่เหมาะสม เท่านี้คุณก็พร้อมแล้ว!
การค้นหาและดาวน์โหลดไอคอนจากโรงเรียนประจำนั้นไม่ใช่เรื่องยาก สิ่งสำคัญคือพวกมันอยู่ในรูปแบบ ico เพียงระบุรูปแบบนี้เมื่อค้นหาแล้วเครื่องมือค้นหาจะให้ไอคอนมากมายแก่คุณ
แต่คุณสามารถสร้างไอคอนด้วยตัวเองหรือเปลี่ยนรูปภาพสำเร็จรูปให้เป็นไอคอนได้อย่างไร?
มีบริการพิเศษสำหรับสิ่งนี้ มันฟรีอย่างแน่นอน
ด้วยความช่วยเหลือคุณสามารถสร้างไอคอนสำหรับโฟลเดอร์ออนไลน์และไอคอน favicon สำหรับไซต์ได้
คุณสามารถใช้รูปภาพสำเร็จรูปหรือบางส่วนของรูปภาพ หรือไอคอนที่คุณสร้างใน Photoshop ในรูปแบบ jpg, jpeg, PNG, gif และ bmp บริการจะเปลี่ยนรูปภาพของคุณให้เป็นไอคอนในรูปแบบ ico ในเวลาเพียงไม่กี่นาที
หลายๆ คนไม่ได้ให้ความสำคัญกับเครื่องมือแก้ไขไอคอนออนไลน์อย่างจริงจัง แต่จริงๆ แล้ว เครื่องมือดังกล่าวช่วยอำนวยความสะดวกในกระบวนการทำงานได้อย่างมาก การคลิกเพียงไม่กี่ครั้งสามารถช่วยคุณประหยัดเวลาในการค้นหา เรียกดู หรือพัฒนาตนเองได้ นอกจากนี้ยังไม่มีประโยชน์ในการใช้บริการเต็มรูปแบบเมื่อมีบริการพิเศษพร้อมฟังก์ชันที่ปรับแต่งสำหรับงานเฉพาะเหล่านี้
ไซต์ตัวแก้ไขไอคอนเช่นนี้มีประสิทธิภาพมาก พวกเขาอนุญาตให้คุณ:
- สร้างวัสดุใหม่อย่างง่ายดายและรวดเร็ว
- ให้การพัฒนาที่มีอยู่ดูเสร็จสิ้น
- บันทึกผลลัพธ์ในรูปแบบต่าง ๆ (SVG, ICO & PNG)
- สร้างไอคอนสำหรับ.
ในบทความนี้ เราได้เลือกเครื่องมือแก้ไขไอคอนออนไลน์ฟรีที่ดีที่สุดห้ารายการ และพยายามสร้างชุดในแต่ละไอคอนเพื่อการเปรียบเทียบ
ไอคอนโฟลว์
IconsFlow.com - ไอคอนเวกเตอร์ + เครื่องมือแก้ไขที่ให้คุณสร้างชุดส่วนบุคคลและส่งออกด้วยคุณภาพดี (SVG, ICO และ PNG) ข้อได้เปรียบหลักของบริการคือการมีบรรณาธิการสองคน:
- อันหลักซึ่งเลือกจานสีสไตล์เอฟเฟกต์
- เครื่องมือแก้ไขแบบฟอร์มซึ่งคุณสามารถเปลี่ยนรูปร่างปัจจุบันหรือวาดรูปร่างใหม่ได้
หากคุณได้สร้างไอคอนใน Illustrator แล้ว เพียงดาวน์โหลดไฟล์ SVG และทดลองกับพื้นหลังที่แตกต่างกัน IconsFlow มีข้อจำกัดบางประการเมื่อใช้งานฟรี ดังนั้นโปรดอ่านก่อนที่จะเริ่มใช้งาน มีบทเรียนและส่วนช่วยเหลือสำหรับผู้ใช้มือใหม่และยังสามารถใช้งานในตัวแก้ไขไอคอนในภาษารัสเซียได้อีกด้วย
มุมมองของโปรแกรมแก้ไขเวกเตอร์ IconsFlow:
ตัวอย่างงาน:
ไอคอนแบน
ด้วย FlatIcons.net คุณสามารถสร้างไอคอนแบนของคุณเอง (สไตล์แบน) ตามเทมเพลตสำเร็จรูป กำหนดขนาด เลือกรูปแบบและพื้นหลังหลัก (วงกลม วงแหวน สี่เหลี่ยม) เปลี่ยนสี เครื่องมือแก้ไขไอคอนนี้ใช้งานได้ฟรี แต่มีข้อเสียอยู่ 2 ประการ:
- ประการแรก คุณสามารถดาวน์โหลดไฟล์ในรูปแบบ PNG เท่านั้น
- ประการที่สอง คุณจะต้องสร้างแต่ละออบเจ็กต์แยกกัน เนื่องจาก... เป็นไปไม่ได้ที่จะพัฒนาทั้งชุดในคราวเดียว
แม้ว่าจุดสูงสุดของความนิยมจะผ่านไปแล้ว แต่หลายคนก็ใช้มันในการออกแบบของพวกเขา ตัวอย่างเช่น นักพัฒนาซอฟต์แวร์อนุญาตให้คุณดาวน์โหลดชุดไอคอนโซเชียลแฟลตฟรี ผลลัพธ์ของการทำงานในตัวแก้ไข FlatIcons:
เครื่องกำเนิดไอคอนตัวเรียกใช้
โปรเจ็กต์ Launcher Icon Generator นั้นฟรี และเราคิดว่ามันเหมาะสำหรับผู้ใช้ขั้นสูงมากกว่า เครื่องมือแก้ไขไอคอนออนไลน์นี้ช่วยให้คุณสามารถอัปโหลดรูปภาพ/ภาพตัดปะและเพิ่มข้อความได้ คุณสามารถดาวน์โหลดทีละไอคอนได้ 5 ขนาด (48 x 48; 72 x 72; 96 x 96; 144 x 144; 192 x 192)
ภาพตัดปะฐานคือชุดกราฟิกสไตล์ดีไซน์ Material จาก GitHub บริการนี้มีการตั้งค่าต่างๆ เช่น การเยื้อง รูปร่าง สีพื้นหลังหรือความโปร่งใส การปรับขนาด + เอฟเฟกต์เพิ่มเติม ผลลัพธ์:
เครื่องมือสร้างไอคอนวัสดุ Android เป็นอีกหนึ่งเครื่องมือสำหรับการสร้างไอคอนแบบแบน จุดเด่นของการบริการคือเอฟเฟกต์เงายาวแน่นอน หากคุณต้องการโซลูชันที่คล้ายกัน เครื่องมือแก้ไขไอคอนนี้จะเป็นตัวเลือกที่เหมาะสมที่สุด
เริ่มต้นด้วยการเลือกรูปภาพจากแกลเลอรี จากนั้นกำหนดสี รูปร่างพื้นหลัง (วงกลมหรือสี่เหลี่ยมจัตุรัส) ความยาวของเงา ความอิ่มตัวของสี การลดทอน - และไอคอนของคุณก็พร้อมแล้ว ทุกอย่างง่ายมาก ไซต์นี้ฟรีสำหรับการใช้งานส่วนตัวโดยสมบูรณ์
หลังจากดาวน์โหลด ในไฟล์เก็บถาวรคุณจะพบ PNG 6 ขนาดที่แตกต่างกันและไฟล์เวกเตอร์ SVG ไอคอน SVG จะเบลอใน Illustrator แต่โชคดีที่มันดูดีในเบราว์เซอร์ ผลลัพธ์ที่ได้คือ:
ไซต์ Simunity เป็นตัวสร้าง HTML5 ที่คุณสามารถสร้างไอคอนแล้วคัดลอกโค้ดเพื่อแสดงในโครงการเว็บของคุณ ไอคอนจาก Font Awesome ถูกใช้เป็นแหล่งข้อมูลซึ่งมีการเลือกพารามิเตอร์ที่แตกต่างกัน: สี กรอบ ขนาด และรูปแบบของเงา
บริการนี้มีประโยชน์หากคุณต้องการสร้างไอคอนดั้งเดิมที่เรียบง่ายสำหรับเว็บไซต์ของคุณอย่างรวดเร็ว ผลลัพธ์ของการใช้ Simunity:
ทั้งหมด. เครื่องมือแก้ไขไอคอนออนไลน์ที่กล่าวถึงข้างต้นเป็นเครื่องมือที่ยอดเยี่ยมสำหรับการเพิ่มประสิทธิภาพการทำงานของนักออกแบบ ไม่มีประโยชน์ในการดาวน์โหลดโปรแกรมใดๆ ในเมื่อทุกสิ่งสามารถทำได้ทางออนไลน์อย่างง่ายดายและรวดเร็ว จากการเลือกนี้ บางที IconsFlow สามารถแยกแยะได้ มันมีคุณสมบัติมากที่สุดเท่าที่จะเป็นไปได้: แกลเลอรี่ไอคอน, ดาวน์โหลด SVG, โค้ดฝัง, ดูตัวอย่าง, สร้างเทมเพลตของคุณเอง, ส่งออก PNG, ICO และ SVG, ปรับขนาด, สไตล์แฟชั่นและโปรแกรมแก้ไขเวกเตอร์ในตัว นอกจากนี้ นี่เป็นเครื่องมือแก้ไขไอคอนฟรีเพียงภาษารัสเซียหากสิ่งนี้สำคัญสำหรับคุณ
หากคุณรู้จักบริการอื่นที่คล้ายคลึงกัน โปรดส่งตัวเลือกต่างๆ ในความคิดเห็น
วันนี้เราจะพูดถึงวิธีสร้างไอคอนสำหรับโครงการของคุณอย่างเหมาะสม ด้านล่างนี้เป็นเคล็ดลับที่เป็นประโยชน์เกี่ยวกับการออกแบบไอคอน รวมถึงบริการในการสร้างไอคอนเหล่านั้น
การวิเคราะห์ความสัมพันธ์
ก่อนที่คุณจะสร้างไอคอนสำหรับโปรเจ็กต์ของคุณ คุณจะต้องกำหนดคีย์เวิร์ดของคุณก่อน จากนั้นจึงพยายามค้นหาการนำเสนอหรืออุปมาอุปไมยที่สมบูรณ์แบบสำหรับคีย์เวิร์ดเหล่านั้น คุณจะต้องค้นหารูปภาพและสัญลักษณ์ที่เชื่อมโยงโดยตรงกับคำสำคัญที่ต้องการ วิธีนี้ทำให้คุณสามารถเลือกรูปภาพที่เหมาะสมสำหรับไอคอนของคุณได้ ซึ่งจะใช้งานง่ายสำหรับผู้ใช้
การวิจัยคู่แข่ง
เมื่อสร้างการออกแบบไอคอนสำหรับแอปพลิเคชันมือถือ พยายามอย่าทำซ้ำตัวเองหรือคัดลอกการออกแบบไอคอนอื่น ๆ เหตุใดจึงจำเป็น? ลองนึกภาพว่าคุณกำลังมองหาตัวจัดการงาน ดูไอคอนแอปพลิเคชันด้านล่างแล้วถามตัวเองว่าคุณจะเลือกติดตั้งผู้จัดการคนใดบนสมาร์ทโฟนของคุณ
ไอคอน Wunderlist (อันแรก) เปรียบเทียบได้ดีกับไอคอนแอปพลิเคชันอื่น ๆ เป็นไปได้มากว่าผู้ใช้จะดาวน์โหลด Wunderlist และแอปพลิเคชันจะได้รับการติดตั้งเพิ่มเติม
ในทางกลับกัน การวิเคราะห์จะช่วยกำหนดแนวคิดหลักที่คู่แข่งใช้ในไอคอนของตนเพื่อแสดงฟังก์ชันหลักของแอปพลิเคชัน
วัตถุประสงค์ของไอคอน
เมื่อออกแบบไอคอน สิ่งสำคัญคือต้องพิจารณาว่าจะใช้งานอย่างไรและมีหน้าที่อะไรบ้าง
ตัวอย่างเช่น ไอคอนของแอปพลิเคชันมือถือควรทำหน้าที่เป็นฟังก์ชันระบุตัวตนและแยกความแตกต่างจากแอปพลิเคชันอื่นๆ บนสมาร์ทโฟน สิ่งนี้ใช้ได้กับทั้งรายการโปรแกรมที่มีอยู่ในสมาร์ทโฟนและในร้านค้าแอปพลิเคชัน (App Store, Google Play)
คุณต้องเข้าใจด้วยว่าในขณะที่มุ่งเน้นไปที่องค์ประกอบทางการตลาดของไอคอนเพียงอย่างเดียว เราต้องไม่ลืมเกี่ยวกับสถานการณ์ที่แอปพลิเคชันจะเริ่มใช้งาน มันสมเหตุสมผลมากกว่าที่จะทำให้ไอคอนไม่ได้เน้นไปที่การดาวน์โหลดเพียงครั้งเดียว แต่อยู่ที่การใช้งานผลิตภัณฑ์ในแต่ละวันโดยผู้ใช้ทั่วไป
เอกลักษณ์และการยอมรับ
เมื่อโปรโมตแบรนด์ของคุณ คุณควรใช้ความพยายามทุกวิถีทางเพื่อเพิ่มการจดจำไม่เพียงแต่โลโก้ของคุณเท่านั้น แต่ยังรวมไปถึงไอคอนของคุณด้วย ในการทำเช่นนี้จะต้องไม่ซ้ำใครและในเวลาเดียวกันก็เชื่อมโยงอย่างชัดเจนกับโครงการของคุณตลอดจนคุณสามารถแยกแยะ Mercedes จากรถยนต์ยี่ห้ออื่นด้วยตราสัญลักษณ์หรือค้นหาแท่งช็อคโกแลต Nestle บนเคาน์เตอร์ซูเปอร์มาร์เก็ต
รายละเอียดน้อยลง
ยิ่งไอคอนกระชับมากเท่าไรก็ยิ่งจดจำและจดจำได้ง่ายยิ่งขึ้นในทุกกรณี นักออกแบบหลายคนมุ่งมั่นเพื่อให้ได้รูปลักษณ์ที่สวยงามที่สุดของไอคอน โดยเพิ่มรายละเอียดจำนวนมากที่ไม่มีประโยชน์อะไรนอกจากการตกแต่ง และยังทำให้ช่องข้อมูลของไอคอนอุดตันไปพร้อมๆ กัน นี่ไม่ใช่รูปถ่าย รายละเอียดที่พิถีพิถันไม่จำเป็นที่นี่ นอกจากนี้ในขนาดที่เล็กรายละเอียดเล็ก ๆ ก็ผสานเข้ากับมวลที่ไม่มีรูปร่าง
ไอคอนแอปพลิเคชันที่สองดูดีขึ้นเนื่องจากความเรียบง่ายและความเรียบง่าย
จัดลำดับความสำคัญของขนาด
มีสองวิธีในการสร้างไอคอน
ขั้นแรก: สร้างมันในขนาดใหญ่โดยมีรายละเอียดสูงสุด จากนั้นจึงหาตัวเลือกที่มีขนาดเล็กกว่าและมีลักษณะเป็นแผนผังมากขึ้น ประการที่สองตรงกันข้ามกับครั้งแรก: ประการแรกไอคอนขนาดที่ใช้บ่อยที่สุดจะถูกสร้างขึ้นจากนั้นตัวเลือกอื่น ๆ จะได้รับการแก้ไขโดยการเพิ่มหรือลบรายละเอียด จะเลือกทางไหน? ตัดสินใจด้วยตัวเองทั้งสองตัวเลือกใช้ได้ผล
ต้องการไอคอนหลายอันใช่ไหม สร้างชุด!
หากโปรเจ็กต์ของคุณต้องการไอคอนหลายไอคอน ให้สร้างไอคอนทั้งหมดพร้อมกันในสไตล์เดียวกัน อาจมีสีเดียวกัน ความหนาของโครงร่าง รายละเอียดส่วนบุคคล และอื่นๆ อีกมากมาย แต่เนื้อหาของไอคอนอาจแตกต่างกัน ด้วยวิธีนี้คุณจึงมั่นใจได้ว่าอินเทอร์เฟซจะมีรูปลักษณ์ที่กลมกลืนและสม่ำเสมอ
อย่าเปลืองพื้นที่ของคุณ
ไอคอนอาจแตกต่างกัน: กว้างและแคบ สูงหรือต่ำ พวกเขามีคำแนะนำหนึ่งข้อที่เหมือนกัน - อย่าเปลืองพื้นที่ว่างและอย่าพยายามเติมรูปภาพหรือคำจารึกให้เต็มพื้นที่ที่มีอยู่ ปล่อยให้ไอคอน “หายใจ” โดยเว้นช่องว่างเล็กน้อยรอบๆ องค์ประกอบที่เสร็จแล้วเมื่อวางไว้ในอินเทอร์เฟซหรือที่อื่นๆ ในเวลาเดียวกัน ไม่มีการระบุขนาดของการเยื้องเป็นพิกเซลอย่างชัดเจนสำหรับกรณีดังกล่าว เพียงแต่ขึ้นอยู่กับการรับรู้ทางสายตาของคุณเอง
ไอคอนที่แตกต่างกันสำหรับแพลตฟอร์มที่แตกต่างกัน
หากคุณต้องการสร้างไอคอนสำหรับแพลตฟอร์มที่แตกต่างกัน คุณสามารถเริ่มต้นด้วยการออกแบบเดียวและเพียงแค่ปรับเปลี่ยนรูปแบบเล็กน้อยเพื่อลงเอยด้วยไอคอนหลายอันที่แตกต่างกันในขณะที่ยังคงแสดงความเป็นเครือญาติกัน
สีเป็นสิ่งสำคัญมาก
การเลือกสีที่เหมาะสมจะเป็นตัวกำหนดการรับรู้ไอคอนของคุณเป็นส่วนใหญ่ พยายามอย่าใช้สีที่ตัดกันเกินสองสี อย่างไรก็ตาม Google ได้กำหนดข้อจำกัดตามเงื่อนไขและแม้แต่ระบุชุดสีที่เข้ากันได้ในการออกแบบ Material ใช้มันในการออกแบบของคุณ
ทำโดยไม่มีข้อความ
ไอคอนที่มีประสิทธิภาพไม่จำเป็นต้องใช้คำพูดในการถ่ายทอดเนื้อหา ทิ้งข้อความไว้สำหรับเว็บไซต์หรือแบนเนอร์โฆษณา และเมื่อสร้างไอคอน ให้ลองทำโดยไม่ใช้มัน ทำไมจึงเป็นเช่นนี้? เพราะเมื่อลดขนาดไอคอน ข้อความจะไม่สามารถอ่านได้และจะมีลักษณะเป็นจุดสีปกติ
มองหาความสมดุลระหว่างความคิดริเริ่มและความง่ายในการรับรู้
ดังที่คุณเห็นใน App Store ไอคอนต่างๆ มีหลากหลาย การทดลองเป็นสิ่งที่ดี รูปแบบดั้งเดิมดึงดูดความสนใจเสมอ แต่อย่าลืมเรื่องการจดจำ: ยิ่งรูปร่างของไอคอนเรียบง่ายเท่าไรก็ยิ่งจดจำได้ง่ายขึ้นเท่านั้น ภาพประกอบที่ดีในกรณีนี้คือ ป้ายถนน ซึ่งเป็นรูปแบบง่ายๆ ที่อ่านและจดจำได้ง่าย แม้ว่าคนขับจะเคลื่อนที่ด้วยความเร็วที่เหมาะสมก็ตาม
สำหรับการสมัครของคุณคุณจะต้องมีสิ่งที่คล้ายกันทั้งในรูปแบบดั้งเดิมและเรียบง่าย ควรพิจารณาว่าไอคอนจะแสดงแตกต่างกันบนหน้าจอของอุปกรณ์มือถือ - ในขนาดที่ใหญ่กว่าหรือเล็กกว่า ดังนั้นคุณต้องตรวจสอบให้แน่ใจด้วยว่าเวอร์ชันที่คุณสร้างนั้นดูน่าดึงดูดอยู่เสมอ
อย่าลืมเกี่ยวกับพื้นหลัง
ใน App Store ไอคอนมักจะแสดงบนพื้นหลังสีอ่อน - สีขาวหรือสีเทา แต่รูปพื้นหลังของอุปกรณ์ที่ผู้ใช้ดาวน์โหลดแอปพลิเคชันของคุณสามารถเป็นสีใดก็ได้ ดังนั้นอย่าลืมตรวจสอบว่าไอคอนของคุณน่าสนใจและสังเกตเห็นได้ชัดเจนเพียงใดบนพื้นหลังโดยเฉพาะ
องค์ประกอบอินเทอร์เฟซของแอปพลิเคชันไม่มีที่บนไอคอน
อย่าวางองค์ประกอบอินเทอร์เฟซของแอปพลิเคชันไว้ที่ไอคอน สิ่งนี้ทำให้ผู้ใช้สับสนและถือเป็นมารยาทที่ไม่ดี
ไอคอนควรให้ข้อมูล
ไอคอนที่มีประสิทธิภาพจะสื่อสารฟังก์ชันของแอปพลิเคชันตามลักษณะที่ปรากฏ วิธีนี้จะทำให้ผู้ใช้เข้าใจว่าผลิตภัณฑ์ของคุณมีไว้เพื่ออะไรก่อนที่จะดูคำอธิบาย ตัวอย่างเช่น สำหรับไอคอนผู้เล่น พวกเขาใช้รูปภาพของโน้ต เครื่องดนตรี หรือวิชวลไลเซอร์ สำหรับกล้องหรือโปรแกรมแก้ไขกราฟิก - เลนส์กล้อง และสำหรับผู้ส่งสาร เช่น Viber - ฟองข้อความสัญลักษณ์
ตามไอคอน ผู้ใช้จะได้ข้อสรุปเกี่ยวกับสิ่งที่รอเขาอยู่ในแอปพลิเคชัน ดังนั้นไอคอนควรมีความชัดเจน กระชับ โดยมีวัตถุน้อยที่สุด รูปภาพควรอ่านได้อย่างรวดเร็ว
เคเซเนีย มาเยฟสกายา,ผู้พัฒนาแอพพลิเคชั่น Remember-Remind
ตอนนี้เราได้เรียนรู้เคล็ดลับในการสร้างไอคอนที่มีประสิทธิภาพแล้ว เราขอเสนอบริการที่เป็นประโยชน์ในการสร้างไอคอนให้กับคุณ
บริการและทรัพยากรที่เป็นประโยชน์สำหรับการสร้างไอคอน
บริการออนไลน์ภาษารัสเซียสำหรับการสร้างทั้งไอคอนเดี่ยวและทั้งชุด มีไอคอนและตัวเลือกมากมายสำหรับการแก้ไข
ไอคอนแบบอักษรสำหรับใช้กับ Twitter Bootstrap
ที่นี่คุณจะพบกับพื้นผิวที่ไร้รอยต่อและจานสีสำเร็จรูป แหล่งข้อมูลนี้ยังมีฟอรัมสำหรับการสื่อสารด้วย บริการที่ยอดเยี่ยมสำหรับการเลือกสีไอคอนของคุณ
บริการออนไลน์ระดับมืออาชีพที่ให้คุณสร้างโทนสีตามกฎของสีในวงล้อสี
การสร้างการไล่ระดับสีอัตโนมัติ
ทรัพยากรที่เหมาะสำหรับผู้ที่ไม่สามารถตัดสินใจเกี่ยวกับสีและแบบอักษรสำหรับโครงการของคุณได้ สิ่งที่น่าสนใจคือสามารถเลือกจานสีและแบบอักษรได้ขึ้นอยู่กับพื้นที่ธุรกิจ
การจัดการ ,ทุ่มเทให้กับการออกแบบวัสดุสำหรับ Android
คำแนะนำ เกี่ยวกับ iOS Human Interface จาก Apple
คำแนะนำทีละขั้นตอนสำหรับการสร้างไอคอน
คุณสามารถสร้างไอคอนสำหรับเว็บไซต์หรือแอพพลิเคชั่นโดยใช้โปรแกรมกราฟิกหรือบริการออนไลน์
วิธีแรกเหมาะสำหรับนักออกแบบที่มีประสบการณ์ในการทำงานอย่างอุตสาหะ เครื่องมือออนไลน์เหมาะสำหรับการสร้างหรือสร้างไอคอนจำนวนมากอย่างรวดเร็ว เช่น สำหรับเว็บไซต์หรือบริการ เครื่องมือออนไลน์นั้นเรียบง่ายกว่าและใช้งานง่ายกว่า ดังนั้นจึงเหมาะสำหรับผู้เริ่มต้น
หนึ่งในบริการออนไลน์ที่ให้คุณสร้างสรรค์ความทันสมัยได้อย่างรวดเร็วไอคอนคือ ไอคอนโฟลว์.
คำไม่กี่คำเกี่ยวกับความสามารถของบริการ:
- ความสามารถในการส่งออกไอคอนในรูปแบบ SVG (เวกเตอร์), PNG และ ICO;
- ฟังก์ชั่นการแก้ไขที่ยอดเยี่ยม
- ความสามารถในการสร้างชุดไอคอนในรูปแบบเดียวกัน
- ตัวเลือกฟรี
ตอนนี้เรามาดูกระบวนการสร้างไอคอนกันดีกว่า
หากต้องการสร้างไอคอนหรือทั้งชุด คุณต้องค้นหาไอคอนที่ต้องการหรือหลายไอคอนพร้อมกันในตัวแก้ไขออนไลน์
จากนั้น เมื่อใช้เครื่องมือแก้ไข คุณสามารถปรับแต่งได้ เช่น กำหนดสีที่ต้องการของไอคอน พื้นหลัง เพิ่มไอคอน รูปร่าง ข้อความ หรือเพิ่มองค์ประกอบใหม่
หลังจากแก้ไขไอคอน (หรือไอคอน) แล้ว คุณสามารถทำงานกับพื้นหลัง มาตราส่วน เงา และเพิ่มการไล่ระดับสีได้
ข้อดีอย่างหนึ่งของบริการนี้คือ หากคุณกำลังสร้างไอคอนทั้งชุด คุณสามารถแก้ไขทั้งหมดที่กล่าวมาข้างต้นเป็นชุดได้
นั่นคือเมื่อคลิกในที่เดียว คุณจะเปลี่ยนการออกแบบไอคอนทั้งหมดในคราวเดียว เช่น เงา ขนาด พื้นหลัง ฯลฯ สะดวกมากหากคุณต้องการสร้างไอคอน 3-5 ไอคอนขึ้นไป
หลังจากสร้างไอคอนแล้ว บริการจะขอให้คุณสร้างบัญชีที่คุณสามารถดาวน์โหลดไอคอนได้ฟรีหรือสมัครแผนแบบชำระเงิน
นั่นคือทั้งหมดที่
อย่างที่คุณเห็นแม้แต่การสร้างองค์ประกอบเล็ก ๆ เช่นไอคอนก็ควรได้รับการติดต่อด้วยความรับผิดชอบทั้งหมด การออกแบบไอคอนที่ดีจะดึงดูดความสนใจของผู้ใช้ ในขณะที่การออกแบบไอคอนที่ไม่ดีสามารถปิดความสนใจของผู้ใช้ได้
