บทความ

[Webdesign Tips] 10 ข้อผิดพลาดที่เห็นบ่อย ๆ ในเว็บดีไซน์

ข้อผิดพลาดในการดีไซน์ที่เห็นได้บ่อย ๆ ซึ่งบางข้อก็เป็นเรื่องธรรมดามาก ๆ แต่บางคนก็มองข้ามไปครับ ลองอ่านกันดูครับ ชอบไม่ชอบยังไงก็บอกกันได้ครับ

[Designer Tips] 10 ข้อที่ขาดไม่ได้ใน Portfolio ของเว็บดีไซเนอร์

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

[Webdesign Tools] Must-have Firefox Add-ons ปลั๊กอินเด็ด ๆ สำหรับเว็บดีไซน์เนอร์!!

แนะนำ add-ons เริ่มต้นสำหรับ Firefox เหมาะสำหรับเว็บดีไซน์เนอร์และคนที่ทำเว็บทุกท่าน ดาวน์โหลดฟรีบนบราวเซอร์

[Photoshop Tutorial] Valentine’s Day รวมบทความสอนทำกราฟฟิกรัก ๆ รับวาเลนไทน์!!

สวัสดีครับ ช่วงนี้ใกล้วันวาเลนไทน์แล้ว ก็เลยเอาบทความสอนโฟโต้ช็อปที่เกี่ยวกับวันวาเลนไทน์มาแจกครับ เผื่อใครอยากจะลองทำกราฟฟิกแสดงความรักหวาน ๆ ส่งไปถึงคนที่คุณรักบ้าง บทความสอนโฟโต้ช็อปที่แจกวันนี้ส่วนใหญ่จะสอนทำพวกหัวใจสวย ๆ หลายแบบครับ มีทั้งแบบหวาน ๆ (จนเลี่ยน!?) และแบบพั๊งก์ ๆ เท่ ๆ ครับ ก็ลองเลือกเอาไปใช้กันตามสบายเลย >> รวมบทความสอนทำกราฟฟิกรัก ๆ รับวาเลนไทน์ << สำหรับใครที่มีปัญหาในการทำตาม หรือมีข้อสงสัยเกี่ยวกับเว็บดีไซน์ หรือกราฟฟิกดีไซน์ สามารถไปเยี่ยม เว็บบอร์ด Designil ได้นะครับ ยินดีต้อนรับเสมอครับ และสำหรับคนที่เล่น Twitter สามารถ follow @designil ครับ รับรองว่า follow กลับทุกคน (ที่ไม่ใช่บอทขายของ) แน่นอนครับ!

[Webdesign Comic] How a Designer Goes Straight to Hell การ์ตูนฮา ๆ เกี่ยวกับเว็บดีไซน์

วันนี้มาคลายเครียดกันบ้างครับ (หรือจะเครียดกว่าเดิม!?) กับการ์ตูนเกี่ยวกับชีวิตอันยากลำบากของเว็บดีไซน์เนอร์ทุกท่าน ใครที่ยังไม่รู้เบื้องหลังของคนทำเว็บดีไซน์ว่าเป็นยังไงก็ลองอ่านกันดูครับ การ์ตูนเรื่องนี้นำมาจาก: How a Web Design goes straight to Hell – The Oat Meal.com สำหรับท่านที่เก่งภาษาอังกฤษอยู่แล้วก็คลิกเข้าไปอ่านได้เลยครับ ส่วนท่านที่ยังไม่แข็งแรงผมก็เอามาลงและแปลเป็นภาษาไทยให้อ่านกันที่นี่ มาเริ่มกันเลยดีกว่าครับ! ทุกอย่างเริ่มต้นด้วยดี ลูกค้าบอกดีไซน์เนอร์ว่าอยากได้อะไร และดีไซน์เนอร์ก็ตื่นเต้นกับงานที่รับมา ลูกค้าเปิดเว็บไซด์เก่าที่เขาต้องการให้คุณดีไซน์ใหม่ให้ดู แล้วลูกค้ากับดีไซเนอร์ก็หัวเราะกับความน่าเกลียดของมัน คุณดีไซน์เว็บไซด์ออกมาสวยมาก มันดูดีและทำงานได้ไม่มีขัดข้อง ลูกค้าก็ชอบ แต่ว่า.. (อ่านข้างล่างต่อ) ..มีเรื่องอยากให้เปลี่ยนนิดหน่อย ลูกค้า: ดีไซน์นี้สวยมาก แต่ผมรู้สึกว่าจะต้องสั่งให้คุณเปลี่ยนอะไรนิดหน่อย จะได้สมกับที่ผมทำงานเป็น CEO จริง ๆ (เกี่ยวมั้ยเนี่ย..) ผมจะใช้คำว่า “user experience” กับ “conversion oriented” จะได้ดูฉลาดขึ้น ถึงผมจะใช้คอมพิวเตอร์แทบไม่เป็นเลยก็เถอะ คุณช่วยออกแบบให้มันดู “pop” ขึ้นอีกนิด แล้วก็ดู edgy ขึ้นอีกหน่อยได้มั้ย ผมรู้สึกว่ามันยังดูไม่ค่อยดีเท่าไร *หมายเหตุจากดีไซน์เนอร์:<a href="https://www.designil.com/webdesign-comic-how-a-designer-goes-straight-to-hell/">Continue reading <span class="sr-only">"[Webdesign Comic] How a Designer Goes Straight to Hell การ์ตูนฮา ๆ เกี่ยวกับเว็บดีไซน์"</span></a>

[Photoshop Tutorials] 70 บทความสอนออกแบบเว็บไซด์ด้วยโฟโต้ช็อป!!

[CSS Framework] 960.gs Grid System มาลองใช้กริดดีไซน์หน้าเว็บไซต์กัน!!

เอนทรีนี้เป็นเอนทรีแรกที่เขียนบทความขึ้นมาเองครับ เนื่องจากไม่นานมานี้ได้ไปลอง CSS Framework ตัวหนึ่ง (จริง ๆ แล้วอาจจะเล็กเกินกว่าจะเรียกว่า Framework) นั่นคือ 960.gs ซึ่งพอเข้าเว็บไปอ่านข้อมูลตอนแรกก็ยังงง ๆ อยู่ แต่พอดู Screencast (หรือวีดิโอ) ของ NetTuts แล้วก็กระจ่างขึ้นมาทันทีเลยครับ โดยส่วนตัวคิดว่าเป็น CSS Framework เบา ๆ ที่ใช้งานง่ายมาก ๆ ก่อนอื่นขอบอกไว้ก่อนว่า ถ้าจะใช้ CSS Framework จะต้องเขียน CSS เป็นในระดับหนึ่งก่อนนะครับ ไม่ต้องถึงขนาดเก่งเทพก็ได้ครับ เอาพอรู้ว่า class/id ใน CSS เป็นยังไง แล้วก็เอามาใช้ยังไง แค่นั้นก็พอแล้วครับ เว็บไซต์ที่ทำด้วย 960.gs ก่อนจะทำก็ต้องรู้ก่อนใช่มั้ยครับว่า 960.gs เนี่ยทำเว็บไซต์หน้าตาประมาณไหน อันนี้เป็นตัวอย่างจากเว็บ 960.gs ครับ: ข้อดี/ข้อเสียของ  960.gs ข้อดี ใช้ง่าย เรียนรู้ได้เร็ว<a href="https://www.designil.com/css-framework-960gs-grid-system/">Continue reading <span class="sr-only">"[CSS Framework] 960.gs Grid System มาลองใช้กริดดีไซน์หน้าเว็บไซต์กัน!!"</span></a>

[Footer design] 10 เทคนิคเว็บดีไซน์สำหรับตกแต่ง Footer เว็บไซต์

[Logo Showcase] Logo Redesign ของแบรนด์ดังต่าง ๆ ในปี 2009

[CSS Tutorial สำหรับมือใหม่] เทคนิค CSS ที่ฉันน่าจะรู้ให้เร็วกว่านี้! [English]

[Free WordPress Themes] ธีมเวิร์ดเพรสแนว 2.0 งาม ๆ จาก DesignDisease

Designil เปิดตัวอย่างเป็นทางการแล้ว!!

เว็บไซด์ Designil ตอนนี้ก็ได้เปิดตัวอย่างเป็นทางการแล้วครับ หลังจากมีปัญหาเรื่องโฮสต์อะไรนิดหน่อย พอดีว่าได้เจ้าของโฮสต์ใจดี @9tan แบ่งโฮสต์มาให้ใช้ครับ ก็เลยได้เปิดเว็บไซด์จริงกับเค้าสักที ก่อนหน้านี้หลายคนอาจเคยเห็น @designil ในทวิตเตอร์มาบ้างแล้วนะครับ ซึ่งผมได้ใช้รวมลิงค์น่าสนใจต่าง ๆ เกี่ยวกับเว็บดีไซน์เอาไว้