คำถามติดแท็ก icon

ฉันกำลังพยายามสร้างชุดปุ่มที่สามารถใช้เพื่อเลื่อนดูข้อมูลแบบลำดับชั้นและดูเหมือนว่าสวัสติกะ ฉันไม่แน่ใจว่าจะแก้ไขอย่างไร ในภาพด้านบนหากเลือก "Panel" และคุณกดปุ่มด้านบนมันจะเลือก "AnimatedPanel" หากคุณคลิกปุ่มซ้ายมันจะเป็นการเลือก "สคริปต์" หากคุณคลิกปุ่มขวาจะไม่มีการเปลี่ยนแปลงใด ๆ เนื่องจากพาเนลเป็นรายการสุดท้ายในรายการ หากคุณเลือกปุ่มด้านล่าง "EventHandler" จะถูกเลือก ชุดปุ่มจะนั่งอยู่ทางด้านซ้ายของฉลาก ฉลากและปุ่มจะปรากฏขึ้นเมื่อมีการเลือกรายการ ตัวอย่างเช่นในเว็บเพจอาจมีรายการเมนูแนวตั้งหรือแนวนอน ชุดปุ่มและฉลากจะอยู่เหนือเมนูที่เลือก จากนั้นกด "ใน" จะเลือกรายการเมนูแรก การเลือก "ซ้าย" หรือ "ขวา" จะเลื่อนผ่านรายการเมนู ฉันหวังว่ามันสมเหตุสมผล คำแนะนำใด ๆ ที่จะทำให้สิ่งนี้น้อยลงได้อย่างไร รายละเอียดเพิ่มเติมสำหรับ @PremierBromanov: วิธีที่ฉันมีตอนนี้ฉันมี 3 ป้ายกำกับทั้งหมดติดกันอย่างเช่น "Up" "L" "R" "Panel" ฉันใช้คำว่า "up", "left" และ "right" แต่ "up" เป็นจริง ๆ "ย้ายออกจากแถวปัจจุบันและกลับไปยังแถวก่อนหน้า" คำเหล่านั้นขึ้นอยู่กับการแสดงในแนวนอนเช่นเลย์เอาต์ …

17 icon  interface-design  critique 

ทำไมการใช้วงกลมสีขาว / จุดในไอคอนดวงตา / โลโก้ในแง่ของการออกแบบภาพหรือกราฟิก? มีความหมายเฉพาะหรือไม่?

16 logo  icon 

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

15 icon  logo  critique 

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

14 icon  background  drawing 

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

13 logo  icon  design-principles  optical-illusion 

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

13 icon  representation 

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

12 website-design  vector  icon  svg  animation 

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

11 icon  symbols 

เมื่อสร้างไอคอนหรือโลโก้มันอาจจะเป็นการดึงดูดและลดลงไปจนถึงขีด จำกัด เพื่อให้ได้สัญลักษณ์น้อยที่สุด ตัวอย่างเช่น: ภาพถ่ายเล็ก ๆ ของฟลอปปี้ดิสก์ -> ภาพการ์ตูนของฟลอปปี้ดิสก์ -> ไอคอนฟลอปปี้ดิสก์ที่มีสไตล์ -> ไอคอนฟลอปปี้ดิสก์แบบแบน / เมโทร / ทันสมัย ​​/> สี่เหลี่ยมสีน้ำเงินทึบ มีวิธีใดที่ไม่มีความคิดในการตัดสินใจว่าเส้นแบ่งระหว่าง skeuomorphism และ ultra-minimalism? PS: ฉันถามสิ่งนี้ในฐานะนักพัฒนาที่ต้องออกแบบ GUI และไอคอนเป็นครั้งคราวและผู้ที่สนใจในการออกแบบตัวตน PPS: ไม่ควรมีแท็ก "art-direction" ลิ้งค์ที่มีความเกี่ยวข้อง: https://en.wikipedia.org/wiki/Minimalism https://en.wikipedia.org/wiki/Saul_Bass

11 logo  icon  design-principles  identity  minimalistic 

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

11 icon  interface-design  symbolism 

ฉันกำลังพยายามสร้างกราฟิกความละเอียดสูงที่สวยงามสำหรับการแจ้งเตือนของ Android แต่พบปัญหาบางอย่าง ใน Jelly Bean มีสถานที่ใหม่สำหรับไอคอนขนาดใหญ่ ( ดูแนวทางการออกแบบการแจ้งเตือนที่นี่ ) ที่ด้านซ้ายของแบนเนอร์การแจ้งเตือน (ดูด้านล่าง # 2 ไอคอนขนาดใหญ่): ไอคอนหุ้น Android ทั้งหมดมีความสวยงามและความละเอียดสูง แต่น่าเสียดายที่ไอคอนที่ฉันสร้างใน Illustrator / Photoshop ไม่ได้ดูคมชัดบนหน้าจอความละเอียดสูง ไฟล์ของฉันมีขนาด 96 x 96px แต่ฉันกังวลว่านี่ไม่ใช่ขนาดที่เหมาะสมสำหรับไอคอนความละเอียดสูงและฉันไม่พบข้อมูลที่ดีเลยเกี่ยวกับขนาดที่ดีที่สุดสำหรับสิ่งเหล่านี้ ความช่วยเหลือใด ๆ ที่ชื่นชมอย่างมาก!

11 icon  mobile  android 

ฉันต้องใช้ไอคอนในเว็บแอปพลิเคชันที่จะแสดง "แบรนด์" เป็นวัตถุ "แบรนด์" อาจเป็น "McDonalds", "Apple", "BMW" หรือ บริษัท / แบรนด์อื่น ๆ ไอคอนทั่วไปอะไรที่จะแสดงถึง "แบรนด์" ดี? ตอนนี้เราใช้ดาวง่าย ๆ เป็นไอคอนตราสินค้า แต่เราไม่ค่อยมีความสุขกับสิ่งนี้ ข้อเสนอแนะใด ๆ

10 icon  symbolism 

แม้ว่า Affinity Designer จะมีประโยชน์อย่างมากในการส่งออก @ 1x, @ 2x และ @ 3x แต่ฉันสงสัยว่ามีวิธีการส่งออกในขนาดต่างๆที่จำเป็นสำหรับไอคอน iOS หรือไม่ ฉันพบตารางที่กระชับของขนาดที่ต้องการที่นี่ซึ่งฉันจะทำซ้ำในรูปแบบรายการ: 1024x1024 180x180 152x152 120x120 87x87 80x80 76x76 58x58 57x57 40x40 29x29 ขนาดไอคอนที่แตกต่างกัน 11 ขนาด! ฉันพบว่าตัวตนการส่งออกทั้งหมดที่มีแนวคิดการกำหนดค่าส่วนแบ่งเป็นเลิศโดยเฉพาะอย่างยิ่งเนื่องจากคุณสามารถใช้ชิ้นส่วนกับแต่ละชั้น (พูดสำหรับปุ่มรุ่นปกติและแบบกด) มีวิธีใช้เครื่องมือเดียวกันนี้เพื่อส่งออกขนาดเฉพาะหรือไม่

10 icon  export  ios  affinity-designer 

ฉันกำลังคิดโลโก้สำหรับเว็บไซต์ส่วนตัวของฉันที่เน้นด้านเทคโนโลยี / dev และฉันสงสัยเกี่ยวกับการใช้วงเล็บ / วงเล็บปีกกา / วงเล็บในโลโก้ อักขระพิเศษเหล่านี้ส่วนใหญ่มีความหมายที่แตกต่างกันมากมายขึ้นอยู่กับภาษาหรือบริบทดังนั้นฉันจึงสงสัยว่ามีความหมายทั่วไปที่รู้จักหรือไม่ ตัวอย่างและความคิดของฉัน: <brand> // HTML/web related? </brand> // HTML/web related (but different from no slash)? [brand] // typography/design? (brand) // math? modern? {brand} // CSS or web related? ความช่วยเหลือหรือแหล่งข้อมูลใด ๆ ที่ฉันสามารถดูได้นั้นเป็นที่น่ายินดีอย่างมาก ความเป็นส่วนตัวของคำถามนี้และการขาดความรู้ของฉันในพื้นที่ทำให้ Googling หาข้อมูลค่อนข้างยาก ปรับปรุง ต่อไปนี้เป็นตัวอย่างที่ฉันพบโดยการสุ่ม บางคนเป็น บริษัท ที่รู้จักกันดีบางแห่งก็เป็นของสะสม (ที่มา: cloudfront.net ) …

10 icon  logo  branding 

ฉันกำลังพยายามส่งออกไอคอน SVG จาก Sketch เพื่อนำเข้าสู่ Fontello แต่ SVG นั้นดูเหมือนจะไม่ถูกต้องสำหรับแอป (พวกเขายังใช้งานไม่ได้ใน IcoMoon) ไอคอนที่ฉันพยายามสร้างเป็นแบบทดสอบเป็นไอคอนสไตล์ 'แฮมเบอร์เกอร์' ง่าย ๆ ที่มีเพียงไม่กี่บรรทัด แต่มันจะทำงานไม่ถูกต้อง มันน่าผิดหวังที่จะพูดน้อย ใครบ้างมีประสบการณ์กับสิ่งนี้และสามารถมีส่วนร่วมกับความรู้ของพวกเขา? ขอบคุณ.

9 fonts  icon  sketch-app