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

Oliver Twardowski ดีไซด์เนอร์จากต่างแดนที่ได้ออกแบบไอคอนสุดเจ๋งชุดนี้มาให้ท่านได้ใช้กัน ซึ่งรวม ๆ กันแล้วมากกว่า 750 ไอคอนเลยก็ว่าได้จะเห็นได้ว่า Oliver Twardowski เค้ามาความพยายามที่จะพัฒนาหรือออกแบบมาด้วยความตั้งใจจริง ๆ ไม่ใช่แค่ไฟล์ Icons ธรรมดา ๆ ที่เป็นรูปภาพให้เรามาใช้งานเพียงเท่านั้น Designer ท่านนี้ยังใจดีให้ Source ไฟล์ หรือไฟล์ต้นฉบับที่เป็น PSD (Photoshop) มาให้เราพร้อมแก้ไขตกแต่งใช้งานแนบมาด้วย เรามาดูตัวอย่างไอคอนจากงานของเราบางส่วนกันดีกว่า

ดาวน์โหลดไอคอนชุดนี้ (เป็นไฟล์ Zip ขนาดไฟล์ 5.5 Mb.)
ดาวน์โหลดไฟล์ PSD หรือ Photoshop พร้อมสำหรับการแก้ไข ( PSD ไฟล์ ขนาด 10.8 Mb.)

PSD ไฟล์ หรือไฟล์สำหรับเปิดในโปรแกรม Photoshop นั่นเอง วันนี้ไปเจอของฟรีสวย ๆ เลยเอามาแจกต่อ ๆ กันเป็นไฟล์ PSD สำเร็จพร้อมใช้งานได้เลย เป็น UI เกี่ยวกับพวก Web Elements ต่าง ๆ เช่น ปุ่มกด Text ฟอร์มต่าง ๆ ไอคอน เมนูเว็บและอื่น ๆ เรียกได้ว่าสะดวกสบายสำหรับคนที่ทำเว็บด้วย Photoshop เลยทีเดียวเอาหละมาดูกัน ว่ามันจะเจ๋งแค่ไหน ตามไปดาวน์โหลดกันได้เลย

Butterscotch UI Kit

Lion OSX UI Kit PSD

ปฏิทินในรูปแบบ PSD

PSD ฟังก์ชั่นค้นหาสวย ๆ ก็มีแจก

Cloudy UI kit

มาในโทนมืดกันหน่อย Dark UI Kit

แนวโมเดิร์น Modern UI Kit

UI Bundle

iTunes Inspired UI Kit (PSD)

อันนี้มาชุดใหญ่เลย Free User Interface Elements Pack

ปิดท้ายอีกซักชุด กับลายไม้สวย ๆ Got Wood? UI Design Elements

เอาพอหอมปากหอมคอกันเท่านี้ก่อนหละกัน วันหลังจะแวะหาของดี ๆ มาฝากกันใหม่อีกรอบ
ขอบคุณเนื้อหาจาก: http://spyrestudios.com/32-pixel-perfect-ui-elements-psds/ 

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

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

Colbow Design

Ana Majik

Fatum

nest

Tommy

826 Seattle

The Beauty Shoppe

The Bright Future of Car Sharing

La Wine

Kansas City Creep Fest

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

ขอบคุณ
http://tympanus.net/codrops/2011/11/12/25-fresh-examples-of-beautiful-typeface-combinations-in-web-design/ 

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

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

ออกแบบเว็บไซต์เกมส์ด้วย Photoshop

How to Create a Professional Web Layout in Photoshop

Magazine Styled Blog Layout

Create a Photography Portfolio Web Design

Create a Professional Web 2.0 Layout

Design a Clean Mobile App Website in Photoshop

Create a Clean Business Web Layout in Photoshop

Learn to Create a Clean Style Portfolio Layout

How to Create a Distinguishable Textured Web Layout in Photoshop

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

ขอขอบคุณ

http://vandelaydesign.com/blog/design/photoshop-layout-tutorials/

สวัสดีเพื่อน ๆ ก้าวเข้าสู่เดือนใหม่อีกแล้ว เวลามันช่างผ่านไปอย่างรวดเร็วจริง ๆ เดี๋ยวซักพักคงจะได้ฉลองปีใหม่กันอีกแน่เลยๆ

เอาหละมาเข้าเรื่องกันซักหน่อย วันนี้อยากจะหาอะไรมาแจกซักหน่อย เลยไปเห็นอะไรใหม่ ๆ อาจจะไม่แปลกมากแต่ก็เหมาะสำหรับบางกลุ่มจริง ๆ นั่นก็คือรูปแบบเสื้อ T-Shirt เป็นรูปแบบเปล่า ๆ เอาไว้สำหรับงานออกแบบสกรีนไว้ใช้เอง หรือเอาไว้ใช้ทำอะไรก็แล้วแต่ ที่หามาเป็นของที่เค้าทำมาให้เราใช้กันฟรี ๆ อาจจะมีสิ่งที่คุณตามหาอยู่ก็ได้ มาลองดูกันเลย

Vector T-shirt Template by JovDaRipper

T-Shirt Vector Template by `madnessism

T-shirt Template UPDATE by JovDaRipper

boy t-shirt template by muraviedo

girl t-shirt template by muraviedo

t-shirt and sneaker vectors by skipgo

T-Shirt vector template by YohanesSkater

Vector T-shirt Templates by JurajChrastina

TShirt vector template V2.0 by GoPurifyYourself

เอาหละ แค่หอมปากหอมคอหละกัน ที่จริงมันยังมีอีกเยอะลอง ๆ หาดูตามอินเทอร์เน็ตหรือวันไหนมีเวลาหาอีกจะแวะเอามาลงเพิ่มให้ใหม่หละกัน..

ขอขอบคุณ

http://designshack.co.uk/articles/freebies/weekly-freebies-20-free-t-shirt-design-templates/

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

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

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

แหล่งที่มา http://www.onextrapixel.com/2011/09/27/beautiful-food-and-drink-packaging-design/

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

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

แต่สำหรับวันนี้เพียงจะมาแนะนำการวาดตัวการ์ตูน แบบง่าย ๆ สามารถไปประยุกต์วาดเป็นแบบของตัวเองต่อได้เลย มาดูกัน…

Character Mascot

การวาดภาพมาสคอสจากภาพสเก็ต แบบง่าย ๆ ทำตามได้เลย

Cute and Simple Hippo

Twitter Bird Character

Making of a Vector Soldier

Create a Character Driven-Book Cover Art

Create a Cute and Cuddly Vector Dinosaur

Design a Cheeky Koala Mascot Head

Create a Cute Vector Reindeer Character

Create the Face of a Greedy Monkey

Create a Cute Little Tiger in Illustrator

ขอบคุณบทความจาก

http://www.hongkiat.com/blog/cartoon-illustrator-tutorial-more/

เอาหละ เอาไว้เท่านี้กันก่อน ไว้วันหลังมีอะไรแวะมาใหม่…