เตรยมเครองมอสดยอดโปรแกรมส ำหรบรทชรปภำพ ทมคนใชมำกทสดในโลก และยงเปนสดยอดเครองมอทใชในกำรออกแบบเวบไซตอกเชนกน

Code Editor ฟรททำง Adobe ไดรวมพฒนำโดยเหมำะส ำหรบงำน Frontend เปนอยำงยง

หลกการออกแบบ

ควำมสวยงำมเปนเพยงสวนหนงของกำรออกแบบทชวยเสรมควำมนำสนใจของเวบไซตคณใหกบผใชงำนเทำนน

แตมนจะไมมควำมหมำยเลย ถำมนไม “ตอบโจทย”

หรอ มนไมใช สงทผใชงานตองการจรงๆ

แรงบลดาลใจ และ ไอเดยอยรอบๆตว

ทกๆชวงเวลาของชวต เปนแรงบลดาลใจ ใหคณได

ไมวำจะเปนปญหำตำงๆทอยรอบตวคณ หรออยรอบตวคนอนๆทคณพบเจอหำกคณตระหนกคด หรอ มองไปรอบๆ คณจะเจอแรงบลดำล หรอ ไอเดยดๆไดแนนอน

แลวถาหาจากสงรอบขางไมไดละ ?

ในบำงครงงำนดไซน อำจจะตองใชแรงบลดำลใจ จำกผลงำนของผอนดวยเชนกน

dribbble.com

แลวถาหาจากสงรอบขางไมไดละ ?

ในบำงครงงำนดไซน อำจจะตองใชแรงบลดำลใจ จำกผลงำนของผอนดวยเชนกน

www.behance.net

แลวถาหาจากสงรอบขางไมไดละ ?

ในบำงครงงำนดไซน อำจจะตองใชแรงบลดำลใจ จำกผลงำนของผอนดวยเชนกน

www.awwwards.com

การฝกทดคอการเลยนแบบ

ใชแลวครบ ถำเกดวำเรำเปนมอใหมกำรทจะคดสรำงสรร ผลงำนออกมำเองแลวมนยำก บำงทอำจถงขนมด 8 ดำน

แลวเรำจะแกปญหำนยงไง ? ตำมทผมขนหวไวนนแหละครบ ฝกฝมอดวยกำร เลยนแบบเรำสำมำรถฝกกำรดไซนของเรำดวยกำรเลยนแบบผลงำนคนอนไดครบ กำรเลยนแบบไมใชกำร copy and paste

แตมนเปนวธกำร วธนง ทชวยใหเรำเกดกำรเรยนรไดอยำงรวดเรว

ยงเราเลยนแบบเยอะเทาไหร เรายงเหนแนวทางมากขนเทานน

อยากลวการใช White Space

W H I T E S P A C E คอกำรเลอกใชพนทวำงใหเหมำะสมกบชนงำน

ถ ำ ช น ง ำ นท ค ณมอ งด แ ล ว ร ส ก “อ ด อ ด” ลอ ง เพ ม พ น ท ว ำ ง เ ข ำ ไ ป ส ก 2 เทา

และถาอยากท า UI ทดแลวใหความรสกวาผานการดไซนมาแลว ตองมพนทโลงเยอะ ๆ

Erik D. Kennedy

เพมควำมหรหรำดวยกำรเพม

WHITE SPACE

เรองของ ส

แบรนด ส และ ความรสก

แตละแบรนดมกำรเลอก สทสงผลตอความรสก ของผชม

Adobe Color CC

เ ค ร อ ง ม อ ส ำ ห ร บ ก ำ ร ส ร ำ ง Swa t ch ส ำ ห ร บน ำ ไ ป ใ ช ใ น Pho to s hop CC 2 014

How you choose Picture for your Design ?

กำรเลอกใชภำพในงำนออกแบบ

Monochromatic Styleภาพแบบสโทนเดยว

มนจะท ำใหงำนออกแบบของคณดทนสมยอยเสมอ

Sensory Immersionภาพทบงบอกความรสก

ภำพทสำมำรถกระตนควำมรสกตำงๆของผดได

Super still-lifeภาพสงของในชวตประจ าวน

ท ำใหกำรสอสำรบงบอกตวตนหรอธรกจของเรำอยำงมเอกลกษณ

Point of viewภาพทแสดงสงทท าอย

ภำพทเหนผคนหรอเหนตวเองก ำลงท ำกจกรรมตำงๆอย เชน กำรท ำงำน

ทองเทยว พกผอน กนอำหำร

All kinds of peopleภาพแสดงความรสก

ภำพแสดงควำมรสกตำงๆทเกดขนของผคนภำพแบบนเอำไวสอสำรใหเหนอำรมณตำงๆของควำมรสกทเรำจะใสไปในงำนออกแบบ

WIREFRAMINGกำรออกแบบโครงรำง กอนท ำงำนจรง

Pen and Paperวาดโครงรางดวยปากกา ดนสอ และ กระดาษกำรสรำงโครงรำงหรอไวรเฟรมไมจ ำเปนตองใชอปกรณหรอเทคโนโลยทสงมำกนกกได เพยงแคมปำกกำ หรอวำดนสอ และกระดำษกเพยงพอแลว

Smart Technologyวาดโดยเครองมอททนสมย

กำรสรำงไวรเฟรมสำมำรถท ำไดอกหลำกหลำยวธดวยเทค โนโลย ในป จจบ นแต ในว ธ ก ำรท ผมจะสอนค อ PSD WIREFRAMING คอกำรสรำงโครงรำงจำกโปรแกรม PHOTOSHOP นนเองครบ

ดาวน โหลด

End of Theory