Design

[Inspiration] รวมเว็บดีไซน์สวย ๆ ฉลอง FIFA World Cup 2010

[Photoshop Tutorials] 44 บทความสอนเว็บดีไซน์ใน Photoshop ที่ห้ามพลาด !!

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

[Free Download] แจก 20 โปรแกรม Portable สำหรับเว็บดีไซน์เนอร์

สวัสดีครับ หลายคนอาจยังไม่รู้ว่าโปรแกรมแบบที่เค้าเรียกว่า Portable Software มันคืออะไร ก็ขออธิบายแบบย่อ ๆ ว่า โปรแกรม Portable คือ โปรแกรมที่ไม่จำเป็นต้องติดตั้งลงในเครื่อง เราสามารถเอาโปรแกรมที่เป็น Portable ไปใส่ในแฟลชไดรฟ์ และเอาไปเสียบรันในเครื่องอื่นผ่าน แฟลชไดรฟ์ได้โดยไม่ต้องติดตั้งเลยครับ ข้อดีของโปรแกรม Portable คือ สะดวกกว่าโปรแกรมทั่วไป เพราะประหยัดเวลาที่ใช้ในการติดตั้งโปรแกรม โดยเฉพาะกับบางโปรแกรมที่ใหญ่ ๆ ซึ่งต้องใช้เวลา Install นาน (เช่น Photoshop — แต่โปรแกรมขายแบบนี้ถ้าเราเอามาเนียนทำ Portable นี่ผิดกฎหมายนะครับ แหะๆ) ข้อดีอีกอย่าง คือ โปรแกรมพวกนี้น้ำหนักจะเบากว่าโปรแกรมทั่วไปมาก (และส่วนใหญ่ถ้ามันมีเวอร์ชั่นแบบไม่ Portable ด้วย โปรแกรมที่เป็น Portable จะเบากว่าครับ) วันนี้ผมมีโปรแกรม Portable สำหรับดีไซน์เว็บไซต์มาแนะนำกันครับ เหมาะกับ Web Designer ทั่ว ๆ ไป รวมถึง Graphic Designer<a href="https://www.designil.com/free-portable-software-web-designer/">Continue reading <span class="sr-only">"[Free Download] แจก 20 โปรแกรม Portable สำหรับเว็บดีไซน์เนอร์"</span></a>

[Webdesign ETC] 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์

เว็บดีไซน์เนอร์ที่มีคุณภาพ ในหัวข้อนี้จะอธิบายเกี่ยวกับการเป็นเว็บดีไซน์เนอร์ที่ทำงานแล้วมีความผิดพลาดน้อยและมีความรอบคอบในการทำงานสูง โดยผมได้แจกแจง 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์ ไว้ให้ผู้อ่านได้ทำความเข้าใจได้ง่ายขึ้นไว้แล้ว ผู้อ่านสามารถนำตัวอย่างที่อยู่ภายใน 5 ข้อนี้ไปใช้ได้โดยไม่ต้องได้รับอนุญาติจากผู้เขียน แต่ขอความกรุณาเอาไปใช้ในทางที่ถูกต้องด้วยครับ มาเริ่มกันเลยดีกว่า กับ 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์ ว่ามีอะไรกันบ้าง? 1.ทำงานให้ดี อันนี้ใกล้ตัวกับทุกคนมาก ข้อแรกคือคนที่ทำงานด้านดีไซน์ไม่เป็นมักจะใช้โค๊ดที่สิ้นเปลืองเนื้อที่(หมายถึงขนาดไฟล์ก็ใหญ่เพิ่มไปด้วย) ข้อที่สองคือทำงานโดยไม่สนใจความผิดพลาดของโค๊ด(แบบว่า กุทำแบบนี้มีปัญหาไรฟ่ะ!) และอันดับสุดท้ายคือเลือกใช้โค๊ดไม่เป็น(มือใหม่มักจะเป็นกันแทบทั้งหมด) ซึ่งผมได้ยกตัวอย่างให้ท่านสังเกตไว้ด้านล่าง ตัวอย่างที่ไม่ดี <font color="red"><fontsize="2"><b>โปรดเลือกอายุ</font></b></font><select name="age"><option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>………<option value="97">97</option><option value="98">98</option><option value="99">99</option><option value="100">100</option></select> ตัวอย่างที่ดี <font color="red"size="2"><strong>โปรดเลือกอายุ</strong></font><select name="age"><?phpfor ($i=0;$i<=100;$i++) {echo "t<option value="{$i}">{$i}</option>rn";}?></select> ซึ่งผลออกมาก็มีความเหมือนกันทุกประการ เพียงแต่เรียงลำดับ ใช้โค๊ดให้ถูกต้อง 2.เลือกโปรแกรมให้ถูก เว็บดีไซน์เนอร์มักมีปัญหาเรื่องการเลือกใช้โปรแกรมและการเรียนรู้โปรแกรมที่ถูกต้อง ประเด็นไม่ได้อยู่ที่ตัวโปรแกรม แต่อยู่ที่ความถนัดของเว็บดีไซน์เนอร์ว่าคุณถนัดโปรแกรมอะไร เลือกใช้โปรแกรมอะไร ซึ่งบางโปรแกรมถ้าเว็บดีไซน์เนอร์เลือกไม่ดี อาจเกิดบัคขึ้นได้ หรืออาจเกิดปัญหาด้านการใช้งานไม่สะดวก เช่น การเซฟไฟล์ซึ่งมีการเซฟแบบ<a href="https://www.designil.com/5-things-for-web-designer/">Continue reading <span class="sr-only">"[Webdesign ETC] 5 ข้อสำหรับการเป็นเว็บดีไซน์เนอร์"</span></a>

[Web Designer] 7 ข้อที่เว็บดีไซน์เนอร์ไม่ควรทำ!

รวม 7 ข้อที่เว็บดีไซน์เนอร์ไม่ควรทำ เรามาดูวิธีการหลีกเลี่ยงข้อผิดพลาดที่จะเกิดขึ้นในการทำงานของเรากันครับ

[Graphic Design] กราฟฟิกดีไซน์สำคัญกับทุกอย่าง!?

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

Web Design UX หรือ User Experience คืออะไร? ทำไมคนทำเว็บถึงไม่ควรมองข้าม?

Web design UX คืออะไรกันนะ ทำไมเราถึงจะต้องเรียนรู้เรื่องของ UX กันด้วย สวัสดีครับ วันนี้มาพร้อมกับคำที่หลายคนอาจเคยได้ยินผ่านหูมาบ้าง แต่ยังไม่รู้ว่ามันคืออะไรกันแน่ นั่นก็คือ User eXperience หรือ UX นั่นเอง หลายคนอาจจะสับสนว่ามันเหมือนกับ User Interface หรือ Usability หรือเปล่า ซึ่งคำตอบก็คือ… 3 อย่างนี้ไม่เหมือนกันเลยครับ ผมได้ไปเจอบทความของ John O' Nolan จากในทวิตเตอร์ ซึ่งเขียนเกี่ยวกับ User eXperience ไว้ได้น่าสนใจมาก ก็เลยเอามาแบ่งปันกันครับ ถ้าคุณยังไม่ได้ดีไซน์มัน คุณก็ทำพลาดแล้วล่ะ! Adii เจ้าของ WooThemes เว็บขายธีม WordPress, ExpressionEngine, และ Drupal ชื่อดัง (หลายคนอาจเคยใช้กัน แบบเวอร์ชั่นเถื่อน…) บอกเอาไว้ว่า “คุณต้องดีไซน์ทุกอย่าง และต้องรวมการดีไซน์เข้าไปตั้งแต่เริ่มธุรกิจใหม่ ๆ” ซึ่งการดีไซน์ User eXperience<a href="https://www.designil.com/what-is-user-experience-ux/">Continue reading <span class="sr-only">"Web Design UX หรือ User Experience คืออะไร? ทำไมคนทำเว็บถึงไม่ควรมองข้าม?"</span></a>

[Photoshop Tutorials] 60 บทความสอนทำเว็บไซด์สวย ๆ ใน Photoshop~!!

[Blog Design] 60 บลอคเวิร์ดเพรสดีไซน์แปลก ๆ

ช่วงนี้เว็บไซด์ DesigNIL กำลังอยู่ในช่วง Redesign ครับ การรีดีไซน์เรียกง่าย ๆ ว่าออกแบบเว็บใหม่นั่นเอง ซึ่งหลังรีดีไซน์ก็จะมีการเพิ่มส่วนใหม่ ๆ ของเว็บไซด์ลงไปด้วย ซึ่งจะเป็นส่วนอะไรนั้นขออุบไว้ก่อนครับ สาเหตุที่รีดีไซน์ก็เพราะว่าคิดว่าธีมเก่าที่ใช้อยู่ไม่เร้าใจครับ ตอบโจทย์ได้ไม่ดีพอ (ว่าไปนั่น) ก็รอดูละกันนะครับว่าดีไซน์ใหม่จะถูกใจหรือไม่ถูกใจยังไง วันนี้เลยเอาดีไซน์บลอคเวิร์ดเพรสแปลก ๆ และสวยงามมาให้ดูกัน เผื่อจะได้ไอเดียเอาไปรีดีไซน์บลอคตัวเองกันบ้างครับ ต้องอย่าลืมว่า “บลอคดีไซน์” ต่างกับการดีไซน์เว็บธรรมดานิดหน่อยครับ เพราะสิ่งที่เราต้องการนำเสนอ คือ เนื้อหาเว็บไซด์ เราต้องทำให้คนอ่านเนื้อหาได้ง่าย อยากคอมเม้นท์ อยากแอด RSS Feed เอาไว้อ่านต่อ ซึ่งจะต่างกับเว็บขายบริการ/สินค้าที่ดีไซน์ให้เว็บเตะตาคนเข้าครั้งแรก ใช้สีเด่น ๆ  โดยไม่ต้องสนใจมากว่าถ้าอ่านเนื้อหาในเว็บนั้นนาน ๆ คนอ่านจะเมื่อยตาไหม (เพราะไม่มีอะไรให้อ่านเยอะอยู่แล้วด้วย) >> ดู 60 ดีไซน์เวิร์ดเพรสสวย ๆ ที่นี่!! << สุดท้ายนี้ขอประกาศหน่อยครับว่าต่อจากนี้ไปเว็บไซด์เกี่ยวกับเว็บดีไซน์แห่งนี้จะให้ข้อมูลเกี่ยวกับ: เว็บดีไซน์พื้นฐาน สอน CSS/XHTML พื้นฐานแบบคนไม่เป็นอะไรเลย ทิปและเทคนิคเว็บดีไซน์ เหมาะกับคนที่พอเป็น XHTML/CSS แล้ว<a href="https://www.designil.com/unusual-wordpress-blog-design/">Continue reading <span class="sr-only">"[Blog Design] 60 บลอคเวิร์ดเพรสดีไซน์แปลก ๆ"</span></a>

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

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

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

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

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

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