Tool ออนไลน์ฟรีเด็ด ๆ ที่จะช่วยให้เราสร้าง User Interface สวยงามด้วย CSS3 ได้ง่าย ๆ แถมพรีวิวได้เลยว่าหน้าตาจะออกมาเป็นยังไง นำโค้ด HTML/CSS ไปใช้ได้ทันที
designil : 09 April, 5 mins read
บทความออกแบบ UI, UX, Web design สำหรับมือใหม่ที่เพิ่งเริ่มต้นศึกษาเราแนะนำคู่มือในเมนู Design directory
Tool ออนไลน์ฟรีเด็ด ๆ ที่จะช่วยให้เราสร้าง User Interface สวยงามด้วย CSS3 ได้ง่าย ๆ แถมพรีวิวได้เลยว่าหน้าตาจะออกมาเป็นยังไง นำโค้ด HTML/CSS ไปใช้ได้ทันที
วันนี้จะมาแนะนำโปรแกรมตัวใหม่ Sketch เป็นทางเลือกให้กับ Designer ที่คิดจะย้ายจาก Photoshop / Illustrator หรือมือใหม่ที่อยากหัดออกแบบครับ
เทคนิค UI Design ที่จะโชว์ให้ดูว่า “กล่องค้นหา” จุดเล็ก ๆ บนเว็บไซต์ E-Commerce ขายของออนไลน์ชื่อดังต่าง ๆ มันมีรายละเอียดมากกว่าที่ตาเห็นอีกมาก !!
การออกแบบ UX Design เล็ก ๆ อย่าง Page Transition บน iOS (iPhone / iPad) ก็มีวิธีคิดที่น่าสนใจ ซึ่งสามารถนำไปปรับใช้กับเว็บมือถือ, Mobile site, Responsive
มาเรียนรู้เทคนิค UI Design จากเว็บไซต์ชื่อดัง ! การออกแบบ “ระบบค้นหา” ซึ่งเป็นหัวใจหลักในการหาข้อมูลต่าง ๆ บนเว็บไซต์ แต่หลาย ๆ คนกลับมองข้าม…
ฟรีแลนซ์อาจเป็นอาชีพที่ทุกคนใฝ่ฝัน ด้วยความมีอิสระอยากทำงานตอนไหนก็ได้ เที่ยว ดูหนัง นอนตอนไหนก็ได้… บทความนี้จะแฉชีวิต Freelance จริงๆให้ฟังว่าเป็นยังไง
ผลงานมืออาชีพหรือไม่มืออาชีพ วัดกันได้ด้วยความต่างเพียง 1 px ฟังดูเหมือนหนังการ์ตูน แต่อ่านแล้วจะยิ่งกว่านิยาย (ไม่มีดราม่านะ) Pixel Perfect มีผล
อ่านแล้วความคิดเรื่องการทำงานดีไซน์ของคุณจะเปลี่ยนไป กับ 7 เทคนิคที่ “ดีไซเนอร์ขี้เกียจ” ใช้แล้วเวิร์คสุด ๆ
มาดูกันว่ากว่าจะออกมาเป็นกราฟฟิกสวย ๆ หรือเว็บดีไซน์สวย ๆ เค้าผ่านขั้นตอนอะไรกันมาบ้าง หลายคนคิดว่าการออกแบบคือ “ความสวยงาม” เพียงอย่างเดียว
บทความนี้เรียบเรียงมาจาก 7 Rules for Creating Gorgeous UI เขียนโดยคุณ Erik D. Kennedy ที่เรียนจบวิศวะ แต่มาทำงาน UX Designer เค้าเลยศึกษาเยอะมากจนพบกับ 7 กฏการออกแบบที่ใครก็เข้าใจได้ง่าย
7 เทคนิคการออกแบบ UI Design ให้สวยง่าย ๆ ที่จะทำให้แม้แต่คนที่ไม่มีเซ้นส์ด้านดีไซน์เลย (Programmer, Sales) ก็สามารถดีไซน์เว็บ / แอพที่ดูดีได้
Wireframe ถือเป็นขั้นตอนหนึ่งที่สำคัญมากในทำเว็บไซต์ของมืออาชีพครับ การทำ Wireframe จะทำให้เราเห็นเนื้อหาในเว็บไซต์จริง ๆ
