หลักการออกแบบบรรจุภัณฑ์

การออกแบบเป็นชุด ( Package Uniform)

 
สวัสดีครับเพื่อนๆเจอกันอีกครั้งหนึ่งครับ ต้อนรับเดือนพฤษภาคม ช่วงนี้งานผมค่อนข้างยุ่งครับ แต่ยังไงแล้วจะพยายามมาอัพเดทบล็อคให้เพื่อนได้ทัศนากันครับทำไงได้ใจมันรักซะแล้วครับ เข้าเรื่องเลยนะครับ วันนี้จะนำเรื่องของการออ แบบบรรจุภัณฑืเป็นเซ็ทมาบอกเพื่อนครับ
การออกแบบเป็นชุด ( Package Uniform)
การออกแบบเป็นชุดเป็นเทคนิคที่มีความนิยมมากใช้กันมาก จากกราฟิกง่าย ๆ ที่เป็น จุด เส้น และภาพ มาจัดเป็นรูปบนบรรจุภัณฑ์ สร้างอารมณ์ร่วมจากการสัมผัสด้วยสายตา หลักเกณฑ์ในการออกแบบ คือ ให้ดูง่ายสะอาดตา แต่ต้องทันสมัยและเหมาะแก่การใช้งาน ความง่ายสะอาดตามีผลต่อการดึงดูดความสนใจ ความทันสมัยช่วยสร้างความแปลกใหม่ ส่วนความรู้สึกว่าเหมาะแก่การใช้งานเสริม ความรู้สึกว่าคุ้มค่าเงิน และความมั่นใจในตัวสินค้า

 

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

 

 

 

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

 

สิ่งที่ผู้ออกแบบเว็บสามารถเรียนรู้จากวิดีโอเกม

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

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

Screenshot
แม้ในเกมเก่าเช่นเดียวกับใน Prince of Persia (แสดงข้างต้น) ความสามารถของระบบที่ จำกัด การบังคับใช้นักออกแบบที่จะมากับความคิดสร้างสรรค์และนวัตกรรมรูปแบบการออกแบบ ด้วยความสามารถมากขึ้นในปัจจุบันเราสามารถที่จะหาเทคนิคการออกแบบขั้นสูงมากขึ้นในวิดีโอเกมที่ทันสมัย

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

มันไม่แปลกใจแล้วว่าเราได้เห็นการไหลเข้าของ carousels, lightboxes, accordions และซับซ้อนมากขึ้นรูปแบบการนำทางเป็นห้องสมุด CSS และ JavaScript ได้นำเครื่องมือดังกล่าวในการเข้าถึงของเว็บเบราเซอร์ ไม่ว่าจะเป็นดีหรือสิ่งที่ไม่ดีคือหัวข้อสำหรับบทความอื่นและบทความนี้จะเน้นเทคนิคมากกว่าการใช้งานที่ผิดพลาดของพวกเขา

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

(Smashing’s side note: Have you already bought the brand new Smashing Book #3? The book introduces new practical techniques and a whole new mindset for progressive Web design. Get your book today!)

จำภาพใหญ่

ในการพิจารณาการเชื่อมต่อเกม, ผู้ออกแบบเว็บจะต้องมีสติอย่างรุนแรงจากบริบทโครงการของพวกเขาและเป้าหมายของลูกค้าของตน เห็นได้ชัดว่าเว็บไซต์จะบ่อย แต่ไม่เคยมีเป้าหมายที่แตกต่างอย่างมากจากที่ของวิดีโอเกม เกี่ยวกับเว็บไซต์จำนวนมากที่มีประสิทธิภาพจะต้องมีการจัดลำดับความสำคัญสูงกว่าความบันเทิง อินเตอร์เฟซที่ปลาตาเย็นไม่ได้เป็นความคิดที่ปฏิบัติมากที่สุดสำหรับเว็บไซต์ที่อุทิศตนเพื่อการส่งมอบข้อมูลภาษีได้อย่างรวดเร็วหรือสำหรับเว็บไซต์ e-commerceอย่างไรก็ตามการโต้ตอบช่องทางสื่อสังคมอาจได้รับประโยชน์จากลีดเดอร์หรือประเภทของระบบความสำเร็จบางอย่าง เลือกองค์ประกอบ UI ของคุณเพื่อให้เหมาะสมกับโครงการ

มองไปที่ภาพใหญ่ยังพิจารณาโครงสร้างและวิธีการ – ชิ้นส่วนที่ไม่ได้เป็นเพียงแค่ UI ตัวอย่างเช่นดูที่วิธีการเมนูที่มีโครงสร้างและพิจารณาว่าทำไมตัวเลือกที่ได้ทำ ในเกมหลายท่านมีศูนย์กลาง-and-พูดสถาปัตยกรรมประเภทที่นำไปสู่ชุดที่แตกต่างจากเครื่องมือในเมนู ถ้าคุณเลือกที่ “อาวุธ” แล้วทั้งหมดของตัวเลือกสำหรับอาวุธที่เปิดอยู่บนหน้าจอถัดไป คุณจะต้องนำทางกลับไปที่หน้าจอด้านบนเพื่อเลือก “หน้า”. โครงสร้างนี้ช่วยลดความยุ่งยากชุดของตัวเลือกที่จะเป็นอย่างอื่นได้อย่างรวดเร็วกลายเป็นความสับสนหรือครอบงำโดยการให้ความสนใจมุ่งเน้นทางเลือกหนึ่งในเวลา

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

Game Menu Structure Example

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

Screenshot

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

Screenshot
ใน Elder Scrolls IV: Oblivion, คุณเริ่มต้นในคุกและต้องหนีผ่านถ้ำใต้ดินต่อสู้หนูและผีเล็ก ๆ เป็นครั้งคราวไปพร้อมกันเพื่อเรียนรู้การควบคุมขั้นพื้นฐานของเกม

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

หมั้นไม่จำเป็นต้องเป็นคน GLITZY

เกมการออกแบบตัว เจสซีเชลล์กล่าวว่า “เกมมีความเป็นไปได้ของความสำเร็จโอกาสที่จะสนองความอยากรู้ของคุณมีโอกาสที่จะทำบางแก้ปัญหาและสร้างทางเลือกที่ชัดเจนให้ความรู้สึกของเสรีภาพ.” แม้ส่วนใหญ่ของโลกที่อาจเป็นเว็บไซต์ ทำให้มีส่วนร่วมมากขึ้นโดยการถามคำถามที่คนทำอะไรองค์ประกอบของเกมที่พบกับความพึงพอใจ?

เกมส์ให้ข้อเสนอแนะที่ชัดเจนมักจะในทันทีจากผู้ใช้ป้อน องค์ประกอบเหล่านี้อาจจะรวมอยู่ในการเชื่อมต่อและไม่เพียง แต่ผ่าน carousels หรือ accordions ขอให้สิ่งที่ง่ายเป็น “คุณต้องการที่จะเรียนรู้เพิ่มเติมเกี่ยวกับหัวข้อนี้ไหม” เมื่อยืนยันการส่งแบบฟอร์มสามารถไปไกลเพื่อโต้ตอบกับผู้ใช้ที่เพิ่มขึ้น

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

ตัวอย่างที่กรุณา

Let ‘s ดำน้ำในและดูที่องค์ประกอบ UI บางอย่างที่สามารถเพิ่ม Zing กับโครงการต่อไปของคุณ เราจะดูตัวอย่างบางส่วนและจากนั้นไม่กี่แหล่งข้อมูลที่คุณสามารถเรียนรู้เพิ่มเติม

ข้อความ AJAX ด้วยรูปภาพ LOADER

Fallout New Vegas Loading Screen

Fallout 3 loading images and tips

เหล่านี้หน้าจอโหลดจาก Fallout: New Vegas (บน) และ Fallout 3 (ล่าง) มีข้อมูลที่เป็นประโยชน์และเคล็ดลับพร้อมกับภาพพื้นหลังที่ขยายในรูปแบบของเกม แทนการโหลดภาพปั่นผู้ใช้จะเห็นล้อรูเล็ตหรือเป้าหมายสีเขียวหน้าจอที่แปลงรอที่น่าเบื่อเป็นส่วนที่สนุกของประสบการณ์เกม

สิ่งที่นักออกแบบเว็บจะใช้เวลานี้:

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

ภาพพื้นหลังแบบเต็มหน้าจอสำหรับการโหลดอาจจะช้าเกินไป แต่คุณสามารถเพิ่มพื้นหลังสี div แผงโหลดแล้วใช้ JavaScript plug-ins ในการโหลดและเคล็ดลับการสุ่มและข้อมูลเพื่อเติมช่องว่าง เพื่อให้ได้ผลลัพธ์ที่ดีที่สุดเก็บไฟล์โหลดต่ำกว่า 30 กิโลไบต์; ขนาดเล็กที่ดีกว่า โทร AJAX ง่ายสามารถคว้าเคล็ดลับหลาย ๆ วินาทีทุกหรือคุณก็สามารถโพสต์หนึ่งสำหรับการโหลดแต่ละ ทางเลือกขึ้นอยู่กับเท่าใดเนื้อหาที่คุณจำเป็นต้องโหลดและวิธีการที่คุณมีเวลามาก สำหรับตัวอย่างของชนิดของ loader นี้ให้ตรวจสอบ เว็บไซต์ปราบดินให้ราบ ที่ HubSpot หลังจากส่งลิงค์ให้ตรวจสอบ loader ที่เกิดขึ้นในขณะที่คุณรอผล

Website loader with pizzazz - HubSpot

เคอร์เซอร์ที่กำหนดเอง

Custom cursor
ในนิทาน 3, สถานที่ถูกเลือกโดยผู้ใช้จะถูกระบุด้วยแว่นขยายซึ่งทำหน้าที่เป็นเคอร์เซอร์ที่กำหนดเอง

Hand icon
ใน Elder Scrolls IV: Oblivion, เคอร์เซอร์มือที่เรียบง่ายบ่งบอกถึงวัตถุที่ผู้เล่นสามารถรับ มือสีแดงแสดงให้เห็นว่ารายการนี้จะถูกขโมยและทหารที่อาจจะไล่ตาม

สิ่งที่นักออกแบบเว็บจะใช้เวลานี้:

น่าจะเป็นเคอร์เซอร์ที่กำหนดเองที่รู้จักมากที่สุดคือ “มือ grabby” ใน Google Maps . แต่เคอร์เซอร์ที่กำหนดเองจะไม่มีอะไรใหม่และเป็นเรื่องปกติในการใช้งานเว็บ ความสามารถในการสร้างไว้ในเบราว์เซอร์ส่วนใหญ่

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

Custom Cursor Demo

ไอคอน, ไอคอนไอคอน,

Screenshot

Screenshot

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

ดังนั้นวิธีการใช้อย่างมีประสิทธิภาพไอคอนในการนำเกมมีอะไรบ้าง พวกเขาจะต้องอ่านได้และพอดีกับบริบท ในตัวอย่างข้างต้นจากการเข้าถึง Halo ผู้ใช้อาศัยอยู่กับไอคอนเพื่อนำทางและเลือกอาวุธ แต่เมนูมีลักษณะคล้ายกับ “จอหัวขึ้น” (ฮูด) ที่เราอาจจะเห็นในรถในโลกจริง ในการให้อภัย, ไอคอนจะถูกนำเสนอใน “เลื่อน”. ไอคอนเว็บไซต์เช่นเดียวกันควรจะง่ายต่อการเข้าใจ เพิ่มป้ายข้อความสำหรับการใช้งานที่เหมาะสม

ไอคอนมากสามารถเร่งนำทางผ่านเมนูที่ซับซ้อนถ้าไอคอนจะถูกเลือกอย่างระมัดระวังและมีความสม่ำเสมอและหากผู้ใช้ใช้เวลามากในเว็บไซต์ ใช้ของแข็งสีเค้าร่างความคมชัดสูงของรูปร่างที่จดจำได้ง่ายว่าจะง่ายและสามารถอ่านได้อย่างรวดเร็ว

เกมกำลังจะย้ายออกไปจากขนาดเล็กภาพรายละเอียดสูงให้มากขึ้นโครงร่างที่มีความซับซ้อน (ในไฟล์ที่มีขนาดเล็ก) เช่นที่พบในการเข้าถึง Halo และ Call of Duty ชุดและรายละเอียดภาพขนาดใหญ่ที่มีรูปร่างโดดเด่นเช่นคนที่อยู่ด้านล่าง แม้ว่าคุณจะไม่แจ้งให้ทราบรายละเอียดของคุณจะรับรู้เค้ามือวงกลมและใบหน้า การใช้สีเดียวกันทำให้พวกเขาไม่เห็นความซับซ้อนและง่ายต่อการถอดรหัสไอคอนอื่น ๆ ที่มีการใช้ที่ง่ายและอ่านง่ายขึ้นอย่างรวดเร็วพวกเขาควรจะ

Screenshot

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

ไอคอนไม่จำเป็นต้องเป็นภาพประกอบแบบคงที่ ภาพหน้าจอบน Tap รูปแบบการ ให้บริการเป็นรูปขนาดย่อแบบเดิม แต่รูปร่างที่โดดเด่นของพวกเขายังทำหน้าที่เป็นไอคอนเพิ่มดอกเบี้ยและเสริมแบรนด์:

Iconic thumbnails

อะไรเกี่ยวกับการใช้ผลิตภัณฑ์ของตัวเองของลูกค้าเป็นไอคอน? ฉลาดเมนูย่อยเกี่ยวกับ DonQ ที่แสดงด้านล่างจะใช้ผลิตภัณฑ์ตัวเองเป็นไอคอนอย่างรวดเร็วและง่ายดายกำกับคุณหนึ่งที่คุณสนใจมากยิ่งขึ้นฉลาดเป็นวิธีการที่ส่วนที่เหลือของเนื้อหาหรี่เมื่อเมนูย่อย จะปรากฏขึ้นทำให้ตัวเลือกของคุณโดดเด่น

Icon submenu, products as icons

CAROUSELS เต็มหน้า

หน้าจอแบบแท็บที่หายไปเช่นเดียวจากเกม Dragon Age, Origins นี้ได้รับรอบระยะเวลานาน:

Screenshot

ใน “รายงาน Carnage” ใน Reach Halo ด้านล่างความคิดนี้จะนำไปสู่ระดับใหม่ หน้าจอเลื่อนในแนวนอนและแต่ละหน้ามีหลายแท็บ คอเกมจะใช้กับชนิดของอินเตอร์เฟซนี้ แต่จะเอามันไปยังเว็บและคนจะประหลาดใจ

Screenshot

คุณต้องมีปฏิสัมพันธ์กับชนิดของอินเตอร์เฟซนี้จะทำมันยุติธรรม

Jax Vineyards ใช้ประเภทที่คล้ายกันของรูปแบบโดยไม่ต้องแท็บ:

Carousel Navigation

เพิ่มแท็บไปในแต่ละหน้าจอม้าหมุนและคุณจะใช้เวลาในเว็บไซต์นี้ไปอีกระดับ

วีโอไอพี ให้บริการอื่นที่เรียบง่ายใช้เวลากับความคิดนี้:

Screenshot

ตอนนี้เราจะเห็นประเภทนี้ของอินเตอร์เฟซใน UIs มือถือและแท็บเล็ตที่มีภาพพื้นหลังหลาย นอกจากนี้เรายังเห็นมันในเกมทุกประเภท นี้เป็นมากกว่าแท็บภายในแท็บหรือเลื่อนแนวนอนง่ายๆคิดว่า iPad กับเดสก์ท็หลาย ลองคิดสิว่าชีวิต มีแผนที่ (มากเกมต้องการ!) ในมุมขวาบนเพื่อช่วยให้ผู้ใช้นำทางม้าหมุนที่ผิดปกติของมัน

สิ่งที่นักออกแบบเว็บจะใช้เวลานี้:

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

เพราะขนาดหน้าจอต่างๆของรูปแบบนี้ต้องมีการวางแผนอย่างระมัดระวังและอาจเรียกสำหรับ CSS3 แบบสอบถามสื่อ เพื่อให้แน่ใจว่าโหลดเนื้อหาตามที่ตั้งใจไว้เมื่อขนาดหน้าจอที่แตกต่างกัน คุณจะต้อง ทำเค้าโครงของคุณที่ตอบสนอง . คุณสามารถใช้ม้าหมุนแบบเต็มหน้าจอโดยใช้หน้าขนาดใหญ่div มี overflow กำหนดให้ hidden และวางหน้าจอในรายการไม่เรียงลำดับที่มีความกว้างชุด

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

เมนู SLIDER

Screenshot

Screenshot

นิทาน 3 คือออกและระบบเมนูของมันดื่มด่ำเป็นสมบูรณ์ต่างจากหนึ่งใน นิทาน 2 , pictured ข้างต้นแต่นิทาน 2 ได้เช่นที่สวยงาม เมนูเลื่อน ที่เรามีรวมไว้

การเลื่อนที่มีแถบเลื่อนเผยปุ่มและเนื้อหาจะถูกนำเสนอบนครึ่งขวาของหน้าจอ ปุ่มยังมี dropdowns ภายใต้พวกเขา หรี่เนื้อหาที่ไม่ใช้งาน ภาพข้างต้นเป็นหมวดหมู่ด้านบนของ “เสื้อผ้า.” แล้วการฝึกซ้อมเนื้อหาลงไป “เสื้อโค้ท” จากนั้นไปที่รายการเสื้อผ้าที่เฉพาะเจาะจง นี้จะเตือนคุณของ e-commerce?

สิ่งที่นักออกแบบเว็บจะใช้เวลานี้:

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

แล้วมี บางสคริปต์เลื่อน ที่ให้แถบเลื่อนกำหนดเองสำหรับการใด div คอนเทนเนอร์ ทำไมไม่ใส่ปุ่มในdiv ? อาจมีการตั้งค่าบางอย่าง (เช่นเว็บไซต์บันเทิงหรือแฟชั่น) ที่ประเภทของเมนูนี้เป็นอีกงานและปรับขนาดได้มากกว่าเมนูแบบเลื่อนลงหรือลอยออกเฉลี่ยของคุณ เพิ่ม loader AJAX สำหรับคุณonClick เหตุการณ์และคุณมีอินเตอร์เฟซที่มีส่วนร่วมที่ผู้ใช้สามารถได้อย่างง่ายดายถอดรหัส เป้าหมายคือเพื่อให้ผู้ใช้บนหน้าจอเดียวขณะที่การรักษาเมนูที่ปรับขนาดได้ คุณสามารถเพิ่มตัวอักษรเป็นรายการจำนวนมากภายใต้แต่ละเมนูตามที่คุณต้องการโดยไม่ทำให้พวกเขาอย่างยากลำบาก

หน้าจอหมุน

ผมต้องยอมรับหัวใจของฉันข้ามตีครั้งแรกที่ฉันเห็นหน้าจอหมุนเมื่อ Halo Reach เมื่อคุณไปที่เมนูหลักข้อความจะถูกเบ้. Reach Halo ใช้มุมมองตลอดทั้งเกมที่จะชี้ไปที่ขอบด้านขวาของหน้าจอเมนูนี้เป็นคิวภาพ เกิดขึ้นเมื่อคุณผลักดันตัวควบคุมไปทางขวาคืออะไร? กระโดดหน้าจอและเลื่อนในแนวนอน, เบลอ, เพื่อให้คุณได้หน้าจอถัดไปซึ่งจะใช้มุมมองนี้เช่นกันเวลาไปบิดเบือนทั้งหมดของข้อความและภาพไปทางซ้ายนี้ ภายใต้แท็บตัวละครของคุณเป็นภาพเคลื่อนไหวที่แทบจะไม่เคลื่อนย้ายและการ eerily ชีวิตเหมือน ไชโย ผมนั่งและเล่นกับ pivots สำหรับในขณะที่ แน่นอนปฏิกิริยาแรกของฉันคือผมต้องการที่จะทำอย่างนั้น

สิ่งที่นักออกแบบเว็บจะใช้เวลานี้:

ด้วยเล็กน้อย Photoshop, คุณสามารถเลียนแบบเมนูนี้ โดยการใช้ภาพพื้นหลังที่มีขนาดใหญ่กว้างที่ครอบคลุมกว้างสองหน้าจอ ‘กับ เบ้ CSS3 วิชาการพิมพ์ และเลื่อนแนวนอนได้อย่างรวดเร็วใน JavaScript, คุณสามารถได้รับบางสิ่งบางอย่างใกล้เคียงกับการเอียงพบได้ในเกมนี้

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

UI: Pivot screen

นอกจากนี้สังเกตเห็นวิธีการที่ Halo Reach รวมหน้าจอเมนูทางโลกเข้าสู่โลกของเกมกับภาพลวงตาฉลาดของภูมิทัศน์ในระยะทาง มันเป็นสิ่งที่สวยงาม มันทำให้ความรู้สึกของความลึกและวิธีการเช่นเดียวกับเมื่อคุณมองไปที่เมืองจากเครื่องบินก่อนที่จะเชื่อมโยงไปถึง มันสร้างความตื่นเต้นและ entices คุณไปลึกในการโต้ตอบและเป็นส่วนหนึ่งของการกระทำ ประเภทของการรวมกลุ่มนี้ไม่ได้ยืมตัวเองไปทุกประสบการณ์ของเว็บไซต์ แต่ไม่บางและเมื่อเหมาะสมก็เป็นมูลค่าการทำอย่าประมาทพลังของความสุข.

เมนูบริบท

Assassin's Creed Radial Menu

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

สิ่งที่นักออกแบบเว็บจะใช้เวลานี้:

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

เมื่อทำเมนูบริบทคุณอาจพิจารณาอย่างน้อยทำให้รัศมี เมนู Radial ควรให้ผู้ใช้เลือกจาก 3-8 ตัวเลือกและอินเตอร์เฟซที่สามารถเพิ่มความน่าสนใจ เก็บเมนูที่ทำได้ง่ายและชัดเจนที่สุดเท่าที่ทำได้ พวกเขาควรจะนำเสนอทางเลือกที่เกี่ยวข้องให้กับผู้ใช้ที่จุดของการตัดสินใจและเพิ่มอัตราการแปลงนอกจากนี้ยังควรจะง่ายต่อการคลิกและมีน้ำหนักเบาสายตา

ตัวอย่างเช่นความสนุกสนานจากเมนูบริบทรัศมีออก musicmap TuneGlue ของ :

Radial menu

ขณะนี้ได้ทำใน Flash คุณสามารถ สร้างเมนูรัศมีง่ายๆด้วย JavaScript . หรือคุณอาจจะได้รับความซับซ้อนมากขึ้นด้วย เมนูรัศมีที่ซ้อนกัน เช่นดังนั้น

Radial Menus, Nested

เมนูรัศมีไม่ จำกัด เฉพาะเมนูบริบท Pop-up เมนูแผงที่จุดของการดำเนินการได้อย่างมีประสิทธิภาพเท่าเทียมกันและไม่อาจใช้เวลามากหรือการทดสอบในการพัฒนา

Panel Context Menu

เปิดของคุณ

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

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

การศึกษาวิธีการใช้ไอคอนและคิดหาวิธีที่จะใช้พวกเขาที่จะทำให้เว็บไซต์ของคุณใช้งานง่ายและสนุกสนาน ให้คำแนะนำเครื่องมือที่น่าสนใจหรือพิจารณาวิธีที่จะเพิ่มเนื้อหาที่ดาวน์โหลดได้ (“DLC” สำหรับทุกเกมที่คุณออกมี) เป็นรางวัลหรือสิ่งจูงใจ โดยการสังเกตและการดำเนินการสร้างสรรค์เว็บไซต์ของคุณจะกลายเป็นมีความเกี่ยวข้องและง่ายต่อการใช้ และให้ไม่ลืมว่าการทำวิจัยเป็นที่สนุกจริงๆ!

แหล่งความรู้เพิ่มเติม

  • รู้เบื้องต้นเกี่ยวกับการออกแบบรูปแบบ
    ทรัพยากรเริ่มต้นที่ดีที่จะเรียนรู้เกี่ยวกับรูปแบบการออกแบบ
  • ศิลปะการออกแบบเกม
    หนังสือเล่มนี้สอนหลักการพื้นฐานของการออกแบบเกม บทตัวอย่างจะมีให้ดาวน์โหลด
  • ปฏิสัมพันธ์ห้องสมุดรูปแบบการออกแบบ
    เครื่องมือที่ดีสำหรับการแก้ปัญหาเฉพาะการระดมความคิดเพื่อตอบสนองความต้องการของผู้ใช้ แต่ก็มีรายชื่อของรูปแบบและคำอธิบายรายละเอียด
  • yahoo ห้องสมุดรูปแบบการออกแบบ
    แม่ของทุกห้องสมุดรูปแบบการออกแบบ
  • เลื่อนกำหนดเองในแนวตั้ง / Sliders
    จุดเริ่มต้นสำหรับเมนูเลื่อนแนวตั้ง
  • Patternry
    ทรัพยากร UI ที่ยอดเยี่ยมโดยมีตัวอย่างและวิธีการของ
  • Gamification.org
    วิกิพีเดียนี้จะทุ่มเทเพื่อสำรวจแนวทางที่จะบูรณากลศาสตร์เกมในสภาพแวดล้อมที่ไม่ใช่เกมเพื่อเพิ่มความผูกพัน

(AL)

30 โลโก้ ที่เป็น เอกลักษณ์

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

– DIAMOND BOOKSTORE BY MALIK JOANNA

Diamond Bookstore

– KILLED PRODUCTIONS BY ETHEREAL

Killed Productions

– LOCHNESS BY NAVY BLUE DESIGN

Lochness

– DODO BY DALIBOR NOVÁK

DODO

– EVOLUTION X BY FELIPE ROJAS

Evolution X

– CODE FISH BY MABU

Code Fish

– ANIMAL RESCUE SOFIA BY MILENA

Animal Rescue Sofia

– PEELED BY UNEEKGRAFIX

Peeled

– 83 STUDIOS BY UNEEKGRAFIX

83 Studios

– HELIUM

helium

– TALKMORE BY NIDO

talkmore

– PAUSE BY VOLKAN EK?I

– BOB’S HOUSE FOR DOGS

Bob’s House For Dogs

– SIX PIXELS OF SEPARATION

Six Pixels of Separation

– SUBBER BY !MUDE

subber

– FLY V2 BY HITBYREINDEER

fly v2

– LABRAT BY MIKEYMIKE

Cloud Corner

– TOTEM MEDIA

Totem Media

– CLOUD CORNER

Cloud Corner

– GOMUSIC BY UNEEKGRAFIX

GoMusic

– SEVEN SPARROWS

Seven Sparrows

– COFFEE CUP

Coffee Cup

– GET WIRED.

get wired.

– MONKEY

MonKey

– DENSHU SUSHI BY TOMHUVENERS

Denshu Sushi

– BROKEN GOGGLES

Broken Goggles

– AFRICAN FILM CLUB

African Film Club

– OIL

oil

– PAGE FOLD

Page fold

– SWING STUDIOS

Swing Studios

สอนออกแบบโลโก้ แบบ 3D

รูปแบบ 3D

กวดวิชานี้จะแสดงให้คุณเห็นวิธีการทำโลโก้ลาด 3D ในนาทีโดยใช้ผล Warp และ 3D มันเป็นเรื่องใหญ่สำหรับการทำกราฟิก 3D และไอคอนรับออกแบบโลโก้

ที่ต้องการ: Illustrator CS2 +

1.ข้อความ 3D

ใช้เครื่องมือประเภทประเภทใน “รูปแบบ 3 มิติ” ไปที่มีผลต่อ> Arc> Warp และใช้การตั้งค่าต่อไปนี้:

ข้อความที่วิปริต

2.3D ขับไล่และเอียง

จากนั้นไปที่ Effect Bevel> 3D> Extrude & และใช้การตั้งค่าตามที่แสดงในภาพด้านล่าง คุณสามารถลากไปรอบ ๆ ก้อนเพื่อกำหนด X, Y, Z ค่าการหมุน ตั้งขับไล่ความลึกถึง 20 พอยต์

3d ขับไล่และเอียง

3.ขยายลักษณะ

ตอนนี้ไปที่วัตถุ> Expand Appearance ในการลบผลกระทบทั้งหมดและแปลงเป็นเส้นทาง หลังจากที่วัตถุข้อความจะถูกขยาย, Ungrounp วัตถุโดยวัตถุ> ยกเลิกการจัดกลุ่มหรือกด Ctrl + Shift + G คุณอาจจะต้องทำครั้ง 4-5 ยกเลิกการจัดกลุ่มเพื่อที่จะทำลายวัตถุออกจากกัน

ขยายรูปลักษณ์

4.ผสานเส้นทาง

เลือกเส้นทางที่มุมกลมและผสานเข้าด้วยกันโดยใช้เครื่องมือเบิกทาง กดแป้น Alt คลิกที่เพิ่มเพื่อรูปร่างพื้นที่เพื่อตัดเส้นทางที่เลือก ทำซ้ำขั้นตอนนี้เพื่อทำความสะอาดเส้นทางมุมตลอด

ผู้เบิกทาง

5.นำไปใช้ไล่โทนสี

เลือกเส้นทางที่ระดับบนและใช้การไล่ระดับสีเหลืองสีเขียว

ลาด

6 Eyedropper.

เลือกเส้นทาง (ลึก) กลับใช้เครื่องมือ Eyedropper และคลิกบนเส้นทางด้านหน้า นี้จะคัดลอกการไล่ระดับสีเติม

eyedropper

7.มืด

เก็บเส้นทางกลับเลือกไปที่จานสีไล่โทนสีและปรับสีที่ไล่ระดับไปโทนสีเข้ม

การไล่ระดับสีเข้ม

8.รูปแบบ 3 มิติ

คุณสามารถใช้เทคนิคนี้ในการทำให้วัตถุ 3 มิติจากรูปทรงใด ๆ , ข้อความ, ฯลฯ

ที่นี่ขั้นตอนดังนี้:

  1. สมัคร 3D ขับไล่และเอียงมีผล
  2. ขยายวัตถุ
  3. วัตถุยกเลิกการจัดกลุ่ม
  4. สมัครลาด
  5. การไล่ระดับสี Eyedropper กรอก

โลโก้ 3d

เพิ่มเติม …

นี่คือตัวอย่างที่ผมทำขึ้นโดยใช้เทคนิคเดียวกัน

โลโก้ 3d เพิ่มเติม

ตัวอย่างงานออกแบบโลโก้ ที่ใช้ตัวอักษรในการออกแบบ

ถ้าเราเริ่มที่จะไปบ้าในรูปแบบตัวอักษรแล้วให้ดำเนินการกับการพิมพ์และสมาร์ทออกแบบโลโก้ให้เรา? ที่นี่คุณจะพบ 72 โลโก้ที่สวยงามที่สร้างขึ้นโดยนักออกแบบที่มีความสามารถ แสดงจุดนี้มันพิสูจน์ว่าสามารถคำหนึ่ง / สอง, ไอคอนบอกใช้สีขาวได้อย่างถูกต้องในเชิงลบระยะห่างในเชิงบวก, สี, เสียงในการสร้างความสัมพันธ์ที่น่าสนใจ

สำรวจและรับความคิดสร้างสรรค์เป็นที่ฉันได้!

preview creative smart typographic logo inspiration logos inspiration inspiration

1 ฆ่าโปรดักชั่น

ใครฆ่าตัวอักษร i?

killed typographic logo inspiration logos inspiration inspiration

2 Wrong / ขวา

โลโก้สมาร์ทจริงๆ!

ผิดจากขวา typographic-โลโก้แรงบันดาลใจ-

3 typeface

typeface: คำเล่น: ใบหน้าจากชนิดและตัวอักษร ต.

อักษร-typographic-โลโก้แรงบันดาลใจ-

4 Galeria 291

เพียงแค่นี้ความรักโลโก้ stylization ดี!

291-Galleria-typographic-โลโก้แรงบันดาลใจ-

5 ทวิน

โลโก้ที่เป็นที่นิยมมากอยู่แล้ว แต่คิดว่าฉันยังคงร่วมกันในส่วนวิชาการพิมพ์

ความคิดเห็นของผู้ใช้: “รูปแบบที่ถูกสร้างขึ้นสำหรับทีมงานสร้างสรรค์ที่เป็นตัวหนาประกอบด้วยคนสองคน คนสองคนเป็นพี่น้อง … และเกิดโชคดีในวันเดียวกัน TWINS เป็นชื่อที่เหมาะสมสำหรับทั้งสอง เพื่อสะท้อนให้เห็นถึงสาระสำคัญของ Duo, แบบอักษรตัวหนาถูกสร้างขึ้นเพื่อสะท้อนให้เห็นถึงความกล้าหาญของวิธีการของพวกเขา หมายเลข 2 ได้รวมที่จะแสดงความคิดสร้างสรรค์จากความคิดของพวกเขา. ”

ฝาแฝด typographic-โลโก้แรงบันดาลใจ-

6 นาฬิกา TicToc

เพียงแค่โลโก้สมาร์ทซึ่งสั่นกระดิ่ง!

TIC-toc-typographic-โลโก้แรงบันดาลใจ-

7 หมี Gizzy

ความคิดเห็นของผู้ใช้: “Gizzy หมีเป็นวิธีการที่เด็กน้อยอาจจะบอกว่าหมีสีเทา ทำเครื่องหมายว่าเป็นกรณีที่ต่ำกว่าหมีกรัมและตีน. ”

genious เพียง!

gizzy-Bear-typographic-โลโก้แรงบันดาลใจ-

8 ยูศิลปิน

Simple, ศิลปะและฉลาดมาก – ทั้งหมดในที่เดียว!

ศิลปิน-United-typographic-โลโก้แรงบันดาลใจ-

9 Sticky

โลโก้ที่ดีมาก – yes เหนียว!

เหนียว-typographic-โลโก้แรงบันดาลใจ-

10 Snap

โอ้สแนป – โลโก้ที่มีข้อความที่ชัดเจนมาก

สแน็ปอิน typographic-โลโก้แรงบันดาลใจ-

11 กดปุ่ม Shift

กะ typographic-โลโก้แรงบันดาลใจ-

12 นาฬิกาเวลา

แนวคิดที่ชัดเจนมาก – ความคิดที่ดี!

เวลานาฬิกา typographic-โลโก้แรงบันดาลใจ-

13 คว่ำโปรดักชั่น

รูปแบบตัวอักษรแต่ละตัวมีทั้งตัวอักษรอื่นหรือตัวเองพลิกคว่ำ … (umop episdn)

คว่ำลง-typographic-โลโก้แรงบันดาลใจ-

14 M1llion

ล้าน typographic-โลโก้แรงบันดาลใจ-

15 ฟิตเนสเชื้อเพลิง

โลโก้ที่ออกแบบมาสำหรับฝึกออกกำลังกาย ดูเหมือนว่าเหารองเท้าที่นำเสนอในทางที่ดี

เชื้อเพลิงออกกำลัง-typographic-โลโก้แรงบันดาลใจ-

16 version2 Logotomy

logotomy-typographic-โลโก้แรงบันดาลใจ-

17 MicroGreen

ความคิดเห็นของผู้ใช้: “G – กล้องจุลทรรศน์ + เขียว = MicroGreen”

mircrogreen-typographic-โลโก้แรงบันดาลใจ-

18 รหัสรีวิว

ความคิดเห็นของผู้ใช้: “แนวคิดสำหรับ บริษัท ที่ปรึกษา” สร้างสรรค์และอ่านได้เป็นอย่างดีเกินไป!

ความคิดเห็นรหัส typographic-โลโก้แรงบันดาลใจ-

19 รูปลักษณ์ของความรัก

รูปแบบสำหรับการจัดเก็บชุดชั้นในผู้หญิง – ผมคิดว่าโลโก้ที่ดีที่เหมาะสมและสง่างาม!

รูปลักษณ์ของความรัก typographic-โลโก้แรงบันดาลใจ-

20 แบรนด์

แบรนด์ typographic-โลโก้แรงบันดาลใจ-

21 ส่วนสูง

ทางสมาร์ทที่จะแสดงความสูงและตัวอักษรเอช

ความสูง typographic-โลโก้แรงบันดาลใจ-

22 เคลื่อนไหว

โลโก้แบบไดนามิกสร้างสรรค์มองเช่นชนิดของกลไกบางอย่าง

-motion-typographic โลโก้แรงบันดาลใจ-

23 มงกุฎ

เครื่องหมายเรียบง่ายสะอาดยังดีที่สามารถนำมาใช้สำหรับธุรกิจเกือบทั้งหมด

มงกุฎ-typographic-โลโก้แรงบันดาลใจ-

24 ระบบเครือข่ายแม่นยำ

ความแม่นยำในเครื่องหมายตัวอักษร E สุกใสและผลที่สวยงาม!

ความแม่นยำเครือข่าย typographic-โลโก้แรงบันดาลใจ-

25 ครึ่ง

คุณทราบหรือไม่ว่าครึ่งหนึ่งของตัวอักษรที่สามารถแสดงผลและแยกออกจากกันเพียงแค่เก๋ตรงบรรทัดที่มองไม่เห็น? ความงามที่แท้จริง

ครึ่ง typographic-โลโก้แรงบันดาลใจ-

26 ถ้วยกาแฟ

กาแฟ typographic-โลโก้แรงบันดาลใจ-

27 ยี่สิบสี่เจ็ด

24-7-typographic-โลโก้แรงบันดาลใจ-

28 TalkMore

เครื่องหมายแล้วคลาสสิกและมีชื่อเสียงกับเสียงเล็ก ๆ น้อย ๆ สมาร์ท

พูดคุยมากขึ้น-typographic-โลโก้แรงบันดาลใจ-

29 Invizio

invizio-typographic-โลโก้แรงบันดาลใจ-

30 ถนนหลวง

วิธีสูงหรือไม่ โลโก้มุมมองของสมาร์ทที่มีความลึก

ทางหลวง-typographic-โลโก้แรงบันดาลใจ-

31 UP

โลโก้ก้าวหน้าฉันชอบมันมาก!

ขึ้น typographic-โลโก้แรงบันดาลใจ-

32 EXIT

ค้นหาทางออก-บอบบางสำเนียงสมาร์ทในจดหมายที่ฉัน dot, โลโก้ที่ดีเยี่ยม!

ทางออก-typographic-โลโก้แรงบันดาลใจ-

33 Nosey

Nosey ประเภทและเห็นใบหน้าของมนุษย์ได้ในเวลาเดียวกัน! แรงบันดาลใจมาก!

Nosy-typographic-โลโก้แรงบันดาลใจ-

34 พื้นที่ราบ

มิดเวสต์ของ บริษัท หลักเสื้อผ้า – ตัวพิมพ์ที่มีความหมายที่ชัดเจน

แบนที่ดิน typographic-โลโก้แรงบันดาลใจ-

35 เชื่อถือ

สวรรค์ไว้วางใจตัวอักษรเรียงลำดับสะท้อนของสมมาตร

ความไว้วางใจ typographic-โลโก้แรงบันดาลใจ-

36 v2 เชื่อถือ

โลโก้ที่อยู่ตรงข้ามตรงจากศิลปินเดียวกันกับการเล่นที่น่าสนใจมากเนื่องจากการพิมพ์ในหน้าปีศาจ

ความไว้วางใจ-v2-typographic-โลโก้แรงบันดาลใจ-

37 ABC

stylization ดีมากในตัวอักษรที่มีตัวพิมพ์ที่เป็นเพียงแค่

abc-โปรโมชั่น-typographic-โลโก้แรงบันดาลใจ-

38 Winery

น่าแปลกที่อ่านง่ายและเครื่องหมายที่สะดุดตา!

โรงกลั่นสุรา typographic-โลโก้แรงบันดาลใจ-

39 ไม้ Ty

ความคิดเห็นของผู้ใช้: “ข้อเสนอสำหรับช่างภาพที่เชี่ยวชาญในการถ่ายภาพงานแต่งงาน” วงการหลายคนใช้ในการออกแบบอีกครั้งนานขึ้นในการอ่านแสดงความเป็นมืออาชีพของผู้ออกแบบ

TY ไม้ typographic-โลโก้แรงบันดาลใจ-

40 Kadoo

stylization ตัวอักษรหนึ่งตัวอักษรและมืออาชีพที่มีระยะห่างที่ดีจริงๆสามารถสร้างความแตกต่าง

kadoo-typographic-โลโก้แรงบันดาลใจ-

41 Rinke

โลโก้ 3D ที่น่าสนใจ แต่ผมไม่เข้าใจว่าทำไมตัวอักษร K คือสำเนียง

Rinke-typographic-โลโก้แรงบันดาลใจ-

42 ผมมองคุณชอบ

รักและการแบ่งปันโลโก้ที่ง่ายและสมาร์ท

ผมมองเหมือนที่คุณ-typographic-โลโก้แรงบันดาลใจ-

43 Moodboard

โมเดิร์น, โลโก้อร่อยและตัวอักษร M และ B รวมกันทำในวิธีที่ดีมากของวงการและ roundups!

อารมณ์กระดาน-typographic-โลโก้แรงบันดาลใจ-

44 Pepperland

กี่พริกที่คุณเห็นในโลโก้นี้ไหม

Pepperland-typographic-โลโก้แรงบันดาลใจ-

45 ซอฟท์แว Jive

จริงเหรอที่สะดุดตา!

การพูดที่หลอกลวงซอฟต์แวร์-typographic-โลโก้แรงบันดาลใจ-

46 Cropd

นิด ๆ หน่อย ๆ ตัดเครื่องหมายสำหรับการแก้ไขภาพและการแบ่งปันเว็บไซต์

cropd-typographic-โลโก้แรงบันดาลใจ-

47 Beeq

ตัวพิมพ์ที่น่าสนใจอ่านเหมือนกันเมื่อหมุน

beeq-typographic-โลโก้แรงบันดาลใจ-

48 KNIFE

เครื่องหมายที่คมชัดมาก!

มีด-typographic-โลโก้แรงบันดาลใจ-

49 Forty 7 สตูดิโอ

โลโก้ที่น่าสนใจที่ 4 และ 7 อ่านอย่างละเอียด แต่ถ้าคุณมองใกล้ชิดคุณยังจะได้ทราบ “S” ในพื้นที่เชิงลบ! สมาร์ทจริงๆ!

สี่สิบ-7-typographic-โลโก้แรงบันดาลใจ-

50 ความรักออกแบบโลโก้

คุณเห็นตัวอักษรทั้งหมดหรือไม่ การเล่นสมาร์ทที่มีช่องว่างในเชิงบวกเชิงลบ

ความรักออกแบบโลโก้----typographic โลโก้แรงบันดาลใจ-

51 Jump

คุณเห็นคนที่แต่งตัวประหลาดกระโดดในจดหมาย J?

กระโดด typographic-โลโก้แรงบันดาลใจ-

52 การออกแบบที่น่าพิศวง

3 ตัวอักษร (Kod) แสดงให้เห็นในโลโก้บวกอีกครั้งโดยใช้ช่องว่างเชิงลบ

เคาะออก--design-typographic โลโก้แรงบันดาลใจ-

53 BEND

โลโก้นี้จริงๆเชิญที่จะนั่ง!

โค้ง typographic-โลโก้แรงบันดาลใจ-

54 โมเดล GSK

GSK-โมเดล-typographic-โลโก้แรงบันดาลใจ-

55 FuturEarth

สมาร์ทเชื่อมต่อสองตัวอักษรที่!

อนาคตแผ่นดิน typographic-โลโก้แรงบันดาลใจ-

56 ไปรษณีย์

จริงๆคุณควรจะได้เห็นแบบนี้ แต่ก็ยังคิดที่จะรวม!

zip-typographic-โลโก้แรงบันดาลใจ-

57 ฉ่ำ

รูปแบบสำหรับไนท์คลับ

ฉ่ำ-typographic-โลโก้แรงบันดาลใจ-

58 Kooture

ความคิดเห็นของผู้ใช้ “นี้ได้ถูกพัฒนาขึ้นสำหรับ บริษัท ในอุตสาหกรรมเสื้อผ้าแฟชั่น ลูกค้าที่ต้องการเครื่องหมายใหม่สำหรับ Kooture จะสดอ่อนเยาว์, เก๋ไก๋ที่เล่นโวหารและมั่นใจ. ”

kooture-typographic-โลโก้แรงบันดาลใจ-

59 พระวิญญาณ

เครื่องหมายอย่างมีสไตล์และชัดเจน!

วิญญาณ typographic-โลโก้แรงบันดาลใจ-

60 LogoReview

โลโก้รีวิว-typographic-โลโก้แรงบันดาลใจ-

61 การถ่ายภาพของไมเคิลจิน

ไมเคิล-jin-typographic-โลโก้แรงบันดาลใจ-

62 Haters

เกลียดชัง-typographic-โลโก้แรงบันดาลใจ-

63 24/7 พิซซ่า

24-7-พิซซ่า-typographic-โลโก้แรงบันดาลใจ-

64 เครือ Smokin

บุหรี่แบรนด์-typographic-โลโก้แรงบันดาลใจ-

65 KnowIT

เรียบง่าย แต่จับใจ!

รู้-it-typographic-โลโก้แรงบันดาลใจ-

66 365 ได้รับการออกแบบ

ดูอย่างที่นี้!

365--design-typographic โลโก้แรงบันดาลใจ-

67 ระลอก

ripple-typographic-โลโก้แรงบันดาลใจ-

68 SEOlution.it

ความคิดเห็นของผู้ใช้: “Seolution.it เป็นแบรนด์ใหม่สำหรับ บริษัท SEO ความคิดของแบรนด์นี้ / โลโก้คือการรวมกันของ SEO โซลูชั่น + สำหรับเหตุผลที่ “e” + “o” ในโลโก้นี้จะรวมถึงรูปแบบตัวอักษรที่ไม่ซ้ำกัน. ”

seolution-typographic-โลโก้แรงบันดาลใจ-

69 GreatWorx

โลโก้สำหรับซอฟต์แวร์และบริการด้านที่ปรึกษาระบบ

ดี-WORX-typographic-โลโก้แรงบันดาลใจ-

70 ดิกคินสันพาร์เนลล์

ความคิดเห็นของผู้ใช้: “รูปแบบสำหรับโบรกเกอร์หุ้นส่วนในธุรกิจปศุสัตว์ พวกเขาต้องการ “ไม่ตะวันตกดังนั้น” รูปลักษณ์และความอนุรักษ์นิยมมากขึ้นและความรู้สึกขององค์กร. ”

Parnell-Dickinson-typographic-โลโก้แรงบันดาลใจ-

71 ห้าศอก

5sv3-typographic-โลโก้แรงบันดาลใจ-

72 ความเชี่ยวชาญของเครือข่าย

เครือข่ายความเชี่ยวชาญ-typographic-โลโก้แรงบันดาลใจ-

รวมการออกแบบโลโก้ เกี่ยวกับปลา

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

ในการนี้ 40 โลโก้ปลาสร้างสรรค์เรายังให้ความสำคัญกับสัตว์ทะเลอื่น ๆ เช่นม้าทะเล, ปู, ปลาหมึก, กุ้งก้ามกรามและปลาหมึก อย่าลืมที่จะมองเห็นส่วนที่ 1 ของปลาคอลเลกชันของเราโลโก้ที่นี่: 40 โลโก้ปลาสวยงาม .
สนุก! :)

แผนการที่จะรวม ‘ปลา’ ในชื่อธุรกิจหรือแบรนด์ของคุณนี้ ออกแบบโลโก้ คอลเลกชันจะช่วยให้คุณได้รับแรงบันดาลใจสำหรับธุรกิจของคุณโลโก้ นอกจากนี้คุณยังสามารถเรียนรู้วิธีภาพปลาได้ใช้โลโก้ที่เป็นตัวแทนของ บริษัท ในการนี้ 40 โลโก้ปลาสร้างสรรค์เรายังให้ความสำคัญกับสัตว์ทะเลอื่น ๆ เช่นม้าทะเล, ปู, ปลาหมึก, กุ้งก้ามกรามและปลาหมึก อย่าลืมที่จะมองเห็นส่วนที่ 1 ของปลาคอลเลกชันของเราโลโก้ที่นี่: 40 โลโก้ปลาสวยงาม . สนุก!

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

fish logos

เราหวังว่าคุณจะได้รับแรงบันดาลใจบางส่วนจากปลาโลโก้นี้ออกแบบค

เอกลักษณ์องค์กร – 55 ตัวอย่างของการออกแบบที่น่าตื่นตาตื่นใจ

รับแรงบันดาลใจ!

การออกแบบองค์กรเป็นสาระสำคัญของเอกลักษณ์องค์กร ซึ่งรวมถึง ออกแบบโลโก้ (ตัวอักษรรวมกันของคำและภาพ) ,ซองจดหมาย, นามบัตร, หัวจดหมาย, นิตยสาร, ใบปลิวและโปสเตอร์

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

สนามเด็กเล่น

โลกใน 7 เกาะ

สุลต่าน

Adam & Eve บริษัท กฎหมาย

LEAN IDENTITY x นิติบุคคล

CI วิสัยทัศน์เชื่อถือ

ตัวเลือก SJ เอกลักษณ์ของแบรนด์และการออกแบบเว็บไซต์

Origami

ยาเกินขนาดและโครงสร้าง

Pensjonistforbundet

เอกลักษณ์องค์กร ecolic

คูเปอร์และฟอร์ด

เบอร์เกอร์ LT

กลศาสตร์เอกลักษณ์องค์กรในอนาคต

เล็บ Konad

ตัวตนที่ลา Bastilla

การสร้างแบรนด์ EDP โฆษณา,

รหัสประจำตัวเจสสิก้า Genest

Coasters Fiz

Progetti Antao

Sama

โลโก้ + นิ่ง

โลโก้ Bluebells และผลิตภัณฑ์

Typography นิ่ง

โลโก้ cqntrql

ลูกเต๋า – การออกแบบเครื่องเขียน

OCEAN เอกลักษณ์องค์กร

Castagnas ลา

MM CORPORATE น้ำมัน

ออร์ชาร์ซันไชน์

การเลือกเครื่องเขียน 01

Troya

H2R – การสร้างแบรนด์ฉนวนกันความร้อน

ตัวตนของซูเปอร์แมนขององค์กร

ชุด ร้านค้ากาม

การเลือกเครื่องเขียน 02

CIOCCOLATO

Sabadì

แกลลอรี่เหล่าร้าย

เมืองเมลเบิร์น

NávrhznačkyČESKOturistické destinace

Lab NYC สื่อ

Mago – เอกลักษณ์องค์กร

แคโรไลน์ Boisvert เครื่องเขียน

Holz Mareiner

MeetFactory

กาแฟเอกลักษณ์ของฮันนาบาลและการออกแบบ

ข้อเสนออัตลักษณ์ของรัฐบาลเอสโตเนีย

Sedov

Woodhouse

Freegame

เอกลักษณ์ของแบรนด์นั้น บริษัท

โซนิค

CandyHairShop