Design Resources สำหรับ Web & UI Designer ประจำเดือน ตุลาคม 2019

Update

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

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

1. Paatterns

https://lstore.graphics/paaatterns/

Pattern (กราฟิกรูปแบบซ้ำ) ที่มาในรูปแบบ Design Resources ให้เราสามารถหยิบไปต่อยอดผสมผสานกับงานเว็บไซต์ หรือ User Interface ได้อย่างง่ายดาย โดยตัวฟรีที่แจกอยู่บนเว็บไซต์จะมีทั้งหมด 22 รูปแบบ

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

โดยรูปแบบไฟล์ที่ได้จะมีทั้ง Adobe XD, Sketch App, Illustrator, Figma, PNG และ JPEG

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

2. ionicons

https://ionicons.com/

Icon ระดับ Premium สำหรับ UI Designer สามารถเลือกสไตล์ได้ทั้ง Material Style และ iOS Style และไฟล์ที่ดาวน์โหลดก็ยังเป็น .SVG ซึ่ง Support การทำงานของนักออกแบบและนักพัฒนาได้เป็นอย่างดี

3. Humaaans

https://www.humaaans.com/

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

4. FDR

https://freedesignresources.net/

คลังกราฟิก ฟอนต์ และ Mockup ที่มีให้เลือกมากกว่า 100 แบบ ที่ฟรีและดีมาก สามารถหยิบไปประยุกต์ใช้กับงานออกแบบเพื่อเพิ่มความสวยงามได้อย่างง่ายดายและรวดเร็ว

5. Frrames

https://frrames.com/

ออกแบบงานเสร็จต้องการ Present แบบสวยๆควรใช้ Mockup เพื่อส่งเสริมงานให้ดูดียิ่งขึ้น Frrames คลัง Mockup ที่มีให้เลือกใช้ตั้งแต่ Web Browser ไปจนถึง Devices ต่างๆทั้ง iOS และ Andriod

ตัวอย่างงานที่นำไปใส่ Mockup จะทำให้ลูกค้าหรือคนที่เราทำงานด้วยเห็นภาพรวมของงานออกแบบมากขึ้น ตัวอย่างสามารถดูได้ใน IG ของ Grappik Digital https://www.instagram.com/grappik.digital/