Design Trends ,2017

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

 

 

1.Semi Flat Design การออกแบบกึ่งแบน

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

 

โครงการ : Resourсe | UI/UX Tool for Web Services

ผู้เขียน : Ruslan Latypov; LS Graphics; Anton Mishin; Valery Gurkov

 

                                                   โครงการ: Listener’s Playlist

                                                   ผู้เขียน : Anzi .

 

 

  1. Cinemagraphs

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

 

 

 

 

 

 

  1. More 3D

จากอิทธิพลในการออกแบบทั้งหมด เกิดการปฎิวัติ  VR / AR ที่กำลังสร้างโมเมนตัมอย่างรวดเร็วโดเมนนี้ยังคงมีการพัฒนาต่อไป

 

โครงการ : LUV.IT

ผู้เขียน :  AARON MARTINEZ

 

โครงการ : Open Annual Awards

ผู้เขียน : TAVO

 

โครงการ : Air Max ’17

ผู้เขียน : Berd -; Lukas Vojir; mark haley; Oliver Harris; Jeff Thomson

 

โครงการ : NIKE F.C. | 3D Golden balls in the real world

ผู้เขียน : TAVO

 

โครงการ : Better You Brand

ผู้เขียน : Craig Minchington; Satellite Office; Brand Nu

 

 

 

  1. Animations

ภาพเคลื่นไหว ภาพเคลื่อนไหวมีมากขึ้นเรื่อย ๆ ในการออกแบบเว็บและสามารถเป็น gifs, SVG, WebGL CSS หรือวิดีโอได้

 

โครงการ : Nickelodeon Kids Pick The President

ผู้เขียน : JeanPierre Le Roux

 

โครงการ : AR Virtual Fitness Coach App | AR 虚拟健身教练

ผู้เขียน : 曲 植Daz_Qu

 

โครงการ : UI Collection in Motion

ผู้เขียน :  Minh Pham

 

โครงการ : ZH OURO- Rio 2016

ผู้เขียน :  Leo Natsume; Guilherme Maron

 

 

 

  1. Landing Page

ในปี พ.ศ. 2560 เราจะเห็นหน้า Landing Page ที่เพิ่มขึ้นเนื่องจากศักยภาพในการทำการตลาดและความสามารถ

ในการกำหนดเป้าหมายผู้เข้าชม

 

 

 

6.Geometric Shapes, Patterns, Lines and Circles

รูปทรงเรขาคณิตรุปแบบเส้นและแวดวง  เริ่มขึ้นในปี พ.ศ.2560  และจะดำเนินต่อไปในปี พ.ศ.2560

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

 

โครงการ :Pfizer-Active and 50+for the New York Times

ผู้เขียน :justyna stasik,Vladimir Marchukov

 

โครงการ :DRAP.agency Branding   Mireldy Design;Filip

ผู้เขียน :Mireldy Design;Filip

 

 

 

7.Courageous Colors

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

 

โครงการ :Edris-logo Designed by MiLo

ผู้เขียน :Loredana Papp-Dinea; Mihai Baldean; Milo Themes

 

โครงการ :Rendered-Responsive Demo Website for Adobe

ผู้เขียน :Serge Vasil

 

โครงการ :b2mach

ผู้เขียน :Natalia Zerko;Kuba Enzowski;Kommunikat Studio

 

 

 

8.Innovative Scrolling and Parallax

แนวคิดภาพนี้เหมาะสำหรับการเพิ่มองค์ประกอบเฉพาะในเว็บไซต์ใดๆ  จาก parallax หลายชั้น เพื่อวีดีโอ parallax    พบ Parallax หลายชั้นของ D.ex ผลิตภัณฑ์นี้พัฒนาขึ้นโดย Milothemes ภายใต้การนำของ Loredana Papp และ Mihei Baldean  สามารถซื้อได้ที่ Envato Market / codecanyon.net

 

เป็นปลั๊กอิน WordPress ที่ช่วยให้คุณสร้างส่วน Parallax ที่สวยงามขึ้นอีกขั้นหนึ่ง สร้างสรรค์และรวมเลเยอร์ในสไตล์ที่คุณต้องการได้

 

Purchase D.ex Multilayer Parallax for WordPress

 

โครงการ :F-mdls

ผู้เขียน :Adencys

 

 

 

9.Color Transitions

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

 

 

 

 

 

10.Mobile Browsing (Responsive Design)

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

 

โครงการ :Responsive Website Animation

ผู้เขียน :Muharrem Senyil

 

 

 

—————————————————————————————————————————————–

ข้อมูลจาก : www.behance.net

ดูข้อมูลเพิ่มเติมได้ที่ : https://www.behance.net/gallery/47810259/2017-Design-Trends-Guide?utm_source=hashnode.com

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

mm

prem

... การ "รัก" ตัวเองที่ดี คือ คุณต้องดูแลตัวเอง

More Posts

Follow Me:
Facebook

mm

prem

... การ "รัก" ตัวเองที่ดี คือ คุณต้องดูแลตัวเอง

Leave a Reply

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