Design Excite

ดูเทรนด์ Graphic Design 2015 จาก ShutterStock

2

featured-01

นอกเหนือจากการฝึกปรือวิชาเพื่อขัดเกลาเทคนิคแล้ว อีกหนึ่งสิ่งที่ดีไซเนอร์ควรต้องทำเป็นประจำแต่ไม่ต้องบ่อยครั้งนักก็คือ การติดตามศึกษาเทรนด์การออกแบบโลก (Global Design Trend)

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

trend-2015

สถิติคำค้น Top 5 ของเว็บ ShutterStock เมื่อเทียบกับปี 2014

โดยข้อมูลทางสถิตินี้จะถูกนำเสนอผ่านทางลิงค์ http://www.shutterstock.com/trends และในปี 2015 จำนวนยอดคำค้นสูงสุด 5 อันดับแรก (เทียบกับปีก่อน) ได้แก่

  1. Double Exposure (+740%)
  2. Hister (+431%)
  3. Low Poly (+420%)
  4. Long Shadow (+215%)
  5. Zentangle (+214)

ข้อมูล ณ วันที่ 5 พ.ค. 2558

เรามาดูกันว่าแต่ละเทรนด์มันมีหน้าตาอย่างไรสำหรับคนที่ไม่ค่อยคุ้นเคยกับศัพท์เฉพาะด้านเช่นนี้ ซึ่งจะขอยกตัวอย่างภาพจากเว็บ ShutterStock มาแสดงนะครับ

Double Exposure

ภาพ Double Exposure เป็นการนำเอาภาพหนึ่งมาซ้อนทับ (Impose) กับอีกภาพหนึ่ง หรือจะเป็นการนำภาพหนึ่งไปอยู่ในรูปร่างของอีกภาพหนึ่งก็ได้ เรามาดูตัวอย่างของรูปแล้วจะเข้าใจได้ไม่ยากครับ

stock-photo-double-exposure-of-city-and-businessman-using-digital-tablet-190655768

 ตัวอย่างภาพ Double Exposure แบบจำกัดขอบเขตภาพทับซ้อน

ภาพด้านบนจะใช้ภาพหลักคือภาพคน แล้วใช้รูปตึกซ้อนใส่เข้ารวมกับตัวคน จากนั้นก็แต่งแสงสีให้ได้อารมณ์ตามต้องการ

stock-photo-double-exposure-of-refinary-oil-and-gas-and-business-man-247361365

 ตัวอย่างภาพ Double Exposure แบบไม่จำกัดขอบเขตภาพทับซ้อน

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

stock-photo-double-exposure-of-city-and-business-man-using-digital-tablet-204693445

  ตัวอย่างภาพ Double Exposure

นี่แหละครับ สไตล์ของภาพ Double Exposure เริ่มจับทางได้แล้วใช่ไหมครับ

Hipster

stock-vector-retro-vintage-insignias-or-logotypes-set-vector-design-elements-business-signs-logos-identity-224578732

 ตัวอย่างโลโก้สไตล์ฮิปสเตอร์

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

stock-vector-hipster-style-128633558

 ฮิปสเตอร์จะใช้ลายเส้นแนววินเทจตกแต่งตัวหนังสือที่อยู่ตรงกลาง

สรุปง่ายๆ คือ Hipster เป็นสไตล์การออกแบบโลโก้ที่ใช้ตัวอักษร (Typography) ให้เด่นตรงกลาง และตกแต่งด้วยลวดลายจุกจิกๆ ออกวินเทจๆ ได้บรรยากาศเก่าๆ ร่วมสมัย ไงครับ แนวใช่ไหมล่า

Low Poly

stock-vector-low-poly-design-tiger-illustration-231902518

Low Poly  จะใช้รูปทรงสามเหลี่ยมเล็กๆ มาประกอบรวมกันเป็นภาพ

ภาพ Low Poly ย่อมาจาก Low Polygon เป็นการสร้างสรรค์ผลงานด้วยสามเหลี่ยมขนาดต่างๆ มาประกอบกันด้วยน้ำหนักสีที่ต่างกันเพื่อให้แสงเงาของภาพ ซึ่งเป็นการพัฒนาต่อยอดมาจากเทรนด์ Flat design ที่พยายามลดการไล่เฉดสีด้วยเกรเดียนต์และเลือกใช้สี Solid แทน แต่เนื่องจากการที่เราจะวาดภาพใดๆ ได้ รูปทรงที่เหมาะที่สุดก็คือรูปทรงสามเหลี่ยมครับ เพราะมันจะไม่สร้างช่องว่างถ้าใช้วงกลม และสามารถแซะเซาะได้ดีกว่าสี่เหลี่ยมในการเก็บรายละเอียด

stock-vector-abstract-minimal-shiny-triangles-design-eps-stock-vector-illustration-192250778

 Low poly แบบคริสตัลนิยมใช้กันมากในงานโปสเตอร์และแบนเนอร์

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

Long Shadow

stock-vector-set-of-marine-flat-square-icons-with-long-shadows-255664486

 ตัวอย่างงานที่ใช้สไตล์ Long Shadow

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

stock-vector-vector-application-web-icons-set-in-flat-design-with-long-shadows-on-circle-buttons-with-heart-200208446

ไอคอนเป็นงานออกแบบที่ใช้เทคนิคกันส่วนใหญ่

Zentangle

สุดท้ายเป็นแนวติสต์จัด คือภาพแนวที่ปลดปล่อยความคิดสร้างสรรค์อย่างเต็มที่ไม่จำกัด

stock-vector-zentangle-stylized-black-butterfly-hand-drawn-vector-illustration-isolated-on-white-background-261571694

 ตัวอย่างภาพ Zentangle ที่เป็นสัตว์

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

stock-vector-seamless-flower-black-and-white-retro-background-hand-drawn-doodle-pattern-in-vector-232807675

 ตัวอย่างภาพ Zentangle ที่เป็นลวดลาย

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

นอกเหนือจากเทรนด์ท็อป 5 แล้ว ยังมีเทรนด์ยิบย่อยที่เราควรรู้ด้วย เช่น

Blur background (พื้นหลังเบลอ)

blur-01

 ตัวอย่างภาพโพสของเว็บ designil.com การเบลอทำให้ตัวหนังสืออ่านง่ายขึ้นนะ

stock-photo-landscape-of-shanghai-china-at-night-176252174

 จะเบลอเป็นบางส่วนก็ได้ ไม่ว่ากัน

Top-View Perspective (ภาพมุมสูง)

stock-photo-wooden-table-with-office-supplies-top-view-208564036

 ภาพแนวนี้ส่วนใหญ่จะใช้เป็นภาพหลักของเว็บสตูดิโอกัน

stock-photo-top-view-of-office-desk-with-paper-stationery-and-tablet-computer-236437447

 ภาพมุมสูงมีให้เลือกหลายฉาก หลายสภาพแวดล้อม รับรองต้องมีถูกใจแน่

Tint background (ใช้สีบังหน้า)

tint-03

 ใช้สี Tint เพื่อขับความเด่นของตัวหนังสือบนหน้าเว็บ

tint-01

ส่วนใหญ่จะใช้สำหรับรูปหลักหน้าเว็บเลย กรณีที่ต้องเน้นให้อ่านข้อความ

tint-02

 จะเอาเทคนิคนี้ไปทำแบนเนอร์ก็เก๋ดี

blur-03

 ทำทั้ง Tint ทั้งเบลอก็สุดคูล เหมือนอย่างพี่กูเค้าทำ

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

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

ทำไมไอคอนแบบเส้นถึงดูเข้าใจง่าย?

Previous article

ซีรีย์ Photoshop ชุด GoPro ทิปที่ 4 – ก๊อปปี้ Effects ให้ว่อง

Next article

You may also like

2 comments

  1. ขอบคุณบทความนี้มากๆ นะคะ รวบรวมเห็นภาพเทรนกราฟฟิกได้ชัดเจนมากๆ เลยคะ
    สั้นๆ เข้าใจง่าย

    1. ขอบคุณคนอ่านเช่นกันครับ ^^

Leave a reply

Your email address will not be published. Required fields are marked *