บันทึกการเรียนรู้เรื่องสีและ font จาก UI Designer

อันนี้ได้มาจากกิจกรรม Give & Take ของทีมสร้างฟังใจ ที่ UI Divas ได้เคยกล่าวไว้

โดยก่อนหน้านี้ที่งานยังไม่เยอะมากขนาดนี้ 55555 จะให้แต่ละคนขึ้นมาทำพิธีกรรม Give & Take และ UI divas ของเรานั้นได้แชร์เรื่อง Design ซึ่งไม่ได้เป็นเรื่องเข้าใจยากเลย เราเซฟทุก link เก็บไว้ใน Google Keep พอมาวันนี้คิดว่าเราควรจะแชร์ให้ทุกคนได้อ่านกันนะ เพราะคิดว่ามีประโยชน์แน่ๆอ่ะ แต่จำไม่ได้ว่าน้องเขาได้ฝากฝังอันไหนเป็นพิเศษบ้าง ฮ่าๆ

เรื่องของสีสัน

โลโก้ของแต่ละแบรนด์ก็ใช้สีแตกต่างกัน ซึ่งแต่ละสีนั้นจะให้ความหมายแตกต่างกันออกไป

ในนี้บอกถึงสีที่ชอบของแต่ละเพศด้วยหล่ะ

The Psychology of Color in Marketing and Branding

Color psychology in marketing and branding is more complex than “green conveys calm.” Consider these research studies to make better decisions.

B-Corp logoHelp Scout

ถ้าเราอยากรู้ว่าแต่ละแบรนด์ใช้สีอะไร สามารถจิ้มดูในนี้ได้จ้า

BrandColors - official brand color hex codes

The biggest collection of official brand color codes around. Includes hex colors codes for 500+ brands including Facebook, Twitter, Instagram, and many more.

BrandColors

หรืออยากดูว่าสีนี้มีความหมายว่าอะไร และแบรนด์อะไรใช้บ้าง ก็สามารถดูตามนี้ได้เลย ดูง่ายดีนะเออ

The Hidden Meanings Behind Famous Logo Colors

There is a lot of psychology behind a color. View these logos and see what their colors mean for each brand!

WebFX

ส่วนสี gradient ต่างๆเขามีเว็บช่วยเราไม่ต้องคิดสีเองจ้า ตัวอย่างเพียบบบ

uiGradients - Beautiful colored gradients

uiGradients is a handpicked collection of beautiful color gradients for designers and developers.

uiGradients

สีแต่ละสีก็มีเฉดสีของมัน เหมือนสีลิปสติกของคุณสาวๆ 555 อย่างมีสีแดง จะมีสีแดงไปเลย แดงแซลม่อน แดงเข้ม แดงเหลืองหมู อะไรงี้

Color Names — HTML Color Codes

HTML color names rule. Modern browsers support 140 HTML color names which we’ve listed here along with their Hex color codes and RGB values.

HTML Color Codes

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

Coolors

coolors

Coolors.co

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

http://cymbolism.com/

เรื่องของตัวหนังสือ

ตัวหนังสือนั้น มี 5 typeface ด้วยกัน ได้แก่ serif, sans-serif, cursive, fantasy และ monospace (อันนี้จำได้ไม่เป๊ะ แต่ประมาณนี้แหละ)

โปรแกรมต่างๆที่ใช้ในการออกแบบตัวหนังสือ

FontLab. Font editors and converters for Mac and Windows.

Apps to create, edit and convert fonts on Mac and Windows. FontLab 7: pro font editor. Fontographer & TypeTool: popular font editors. TransType: universal font converter for OpenType and web fonts.

https://glyphsapp.com/

ถ้าง่ายสุดก็น่าจะ Adobe AI อะนะ

Reference การใช้งาน

Fonts In Use – Type at work in the real world.

A searchable archive of typographic design, indexed by typeface, format, and topic.

Fonts in Use

http://typographica.org/

Friends of Type

Friends of Type is a type & lettering sketchblog by Erik Marinovich, Aaron Carambula, Jason Wong, and Dennis Payongayong, and their guests.

Jason Wong

Font of the Month Club

Join the Font of the Month Club and get a new font in your inbox every single month! Each font is lovingly designed and produced by David Jonathan Ross.

David Jonathan Ross

ส่วนเว็บที่อ่านเกี่ยวกับ Design ทั้งหลาย ง่ายๆเลยคือกด follow publishion ใน medium นี้ไว้

https://fromupnorth.com

สุดท้ายฝากร้านกันสักนิด ฝากเพจด้วยนะจ๊ะ