การออกแบบโลโก้ที่ตอบสนอง - คู่มือฉบับสมบูรณ์สำหรับปี 2018

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

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

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

และแบรนด์ถูกลืมไปน้อยมาก

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

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

ความเรียบง่าย

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

คุณคงไม่อยากให้พวกเขาเหล่หรือเกาหัว

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

คุณไม่จำเป็นต้องให้ผู้ชมของคุณทำงาน — พวกเขาทำงานเพียงพอตามที่เป็นอยู่

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

ความทันสมัย

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

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

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

มินิมอล

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

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

การปรับตัว

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

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

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

ต้องการเคล็ดลับการออกแบบโลโก้เพิ่มเติมหรือไม่? ลงทะเบียนเพื่อรับจดหมายข่าวของเรา!

คุณสามารถทำอะไรได้อีกบ้างเพื่อเพิ่มประสิทธิภาพการออกแบบโลโก้ที่ตอบสนองได้ในการออกแบบเว็บที่ตอบสนอง

โลโก้ของคุณอาจต้องเปลี่ยนเป็นสิ่งใหม่ทั้งหมด ทั้งนี้ขึ้นอยู่กับขนาดหน้าจอ

ไม่ทั้งหมด โลโก้ของคุณอาจต้องละทิ้งคุณลักษณะบางอย่างขึ้นอยู่กับว่ากำลังดูอยู่ที่ใด

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

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

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

Domino's ทำเช่นนี้ โลโก้หลักมีลักษณะดังนี้:

เมื่อหดลงจะมีลักษณะดังนี้:

คุณยังคงรู้ว่าภาพสุดท้ายเกี่ยวข้องกับของ Domino มันพอดีกับหน้าจอขนาดเล็กได้ง่ายขึ้น

แบรนด์ที่ใช่

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

Twitter เป็นเพียงบริษัทเดียวที่เปลี่ยนโลโก้ในช่วงหลายปีที่ผ่านมา ซึ่งแต่ละการทำซ้ำใหม่ดีกว่าที่ผ่านๆ มา

ในช่วงปีแรกๆ Twitter มีการออกแบบโลโก้ขั้นพื้นฐานด้วยสีฟ้าอันเป็นเอกลักษณ์ ทั้งหมดนั้นคือชื่อ "twitter" ที่เป็นตัวพิมพ์เล็กทั้งหมด

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

เมื่อเร็ว ๆ นี้ Twitter มีโลโก้น้อยมากโดยถือลายเซ็นสีน้ำเงินของ Twitter แต่ใช้เฉพาะนกเป็นโลโก้สัญลักษณ์เท่านั้น

นั่นคือการออกแบบโลโก้ที่ตอบสนองแล้ว!

แต่ Twitter ไม่ใช่บริษัทเดียวที่เล่นโลโก้ บริษัทอื่นที่ปรับตัวได้ยอดเยี่ยมก็คือ Spotify

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

แต่เมื่อพิจารณาว่าพวกเขาอาศัยอยู่บนอุปกรณ์เคลื่อนที่โดยเฉพาะ พวกเขาต้องการการออกแบบโลโก้ที่ตอบสนองต่ออุปกรณ์เคลื่อนที่มากขึ้น

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

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

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

การเปลี่ยนโลโก้ที่ประสบความสำเร็จอีกอย่างหนึ่งคือ Mastercard ซึ่งโลโก้เปลี่ยนไปเพียงเล็กน้อย แต่สร้างผลกระทบได้ยาวนาน

นี่คือโลโก้เก่าของพวกเขา

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

อย่างไรก็ตาม ในช่วงไม่กี่ปีที่ผ่านมา พวกเขาเปลี่ยนมาใช้การออกแบบที่เรียบง่ายกว่าเดิมซึ่งไหลรวมกันอย่างเป็นธรรมชาติและลื่นไหลมากขึ้น

โลโก้ใหม่จะย้ายชื่อบริษัทไปด้านล่างการออกแบบและเปลี่ยนแบบอักษรให้มีความชัดเจนและอ่านง่ายขึ้น พวกเขายังเพิ่มสีที่สามตรงกลางที่สมดุลทุกด้านของการออกแบบโลโก้ด้วยตัวมันเอง

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

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

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

ตรวจสอบการออกแบบโลโก้ใหม่บางส่วนที่ทำลายล้าง

แบรนด์ที่เข้าใจผิด

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

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

นี่ดูเหมือนโลโก้ที่ส่งตรงจากปี 1990

ต่อไปจะทำอะไรได้

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

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

การออกแบบโลโก้ที่ปรับเปลี่ยนตามอุปกรณ์จะต้อง:

• เรียบง่าย
• ทันสมัย
• มินิมอล
• ปรับตัวได้

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

• วางเครื่องหมายคำ
• ขจัดสโลแกนและวลี
• จัดแนวใหม่หรือจัดกึ่งกลางการออกแบบโลโก้ของคุณ
• เลือกใช้สัญลักษณ์เดียว

การออกแบบโลโก้ที่ปรับเปลี่ยนตามอุปกรณ์คืออนาคต อย่าทิ้งอดีตไว้

คุณชอบการออกแบบโลโก้แบบใด บอกเราบนโซเชียลมีเดีย!

ต้องการข้อมูลเชิงลึกเกี่ยวกับแนวโน้มการออกแบบเพิ่มเติมหรือไม่ ลงทะเบียนเพื่อรับจดหมายข่าวของเรา!