Home » Design »ทั่วๆไป » Currently Reading:

รวม resource ในการออกแบบ UI

August 9, 2010 Design, ทั่วๆไป Comments

ในการออกแบบ User Interface หรือ UI นั้น เปรียบเสมือนการทำแบบแปลนของบ้าน หลายคนเรียกการออกแบบตรงนี้ว่าเป็นการทำ Blue Print บ้าง หรือ Wire Frame บ้าง

สำหรับคนที่ยังไม่เข้าใจ การออกแบบ UI คือการออกแบบให้เห็นเป็นภาพคร่าวๆว่า ในหน้าเว็บไซต์หน้าหนึ่งๆ หรือในโปรแกรมตัวหนึ่งนั้นจะมี function อะไร อยู่ตรงไหนบ้าง เช่น เราอาจจะกำหนดให้หน้าแรกมี พื้นที่ใหญ่ประมาณ 30% สำหรับใส่โปรโมชั่น มีพื้นที่ด้านล่างสำหรับหัวข้อข่าว มีรูปตัวอย่างขนาดเล็ก มี welcome message เป็นต้น เหล่านี้เป็นการทำงานให้ลูกค้าเห็นภาพได้ชัดเจนขึ้น ก่อนที่จะทำตัว design ของจริงซึ่งมักจะใช้เวลามากกว่าการทำ UI หลายเท่าตัว และที่สำคัญการทำ UI ไม่จำเป็นต้องทำโดยดีไซน์เนอร์

จากประสบการณ์พบว่า หลายที่มีวิธีการทำ UI ในแบบของตนเอง มีตั้งแต่การทำด้วย Visio, Photoshop, Illustrator จนไปถึง Powerpoint

แต่การทำด้วย program เหล่านี้ (โดยเฉพาะ powerpoint) หากไม่มีต้นแบบในการช่วยเหลือให้การวาดภาพง่ายและดูดี สิ่งที่ได้ออกมาก็มักจะเป็นภาพกล่องสี่เหลี่ยมหลายๆอัน ที่มีตัวอักษรกำกับ

สื่อสารได้ แต่ช้า และไม่สวยงาม

เว็บ mashable ได้ทำการรวบรวมแหล่งวัตถุดิบสำหรับทำ UI ที่ดีดีไว้ 10 แหล่ง ดังนี้

1. UI Design Framework
2. Web UI & Button Set
3. Sketching & Wireframing Kit
4. Browser & Form Elements
5. Modern Web UI Set
6. UI Design Kit
7. UI Buttons & Icons
8. UI Library
9. Web Elements Kit
10. OmniGraffle UI Stencils

อยากอ่านแบบเต็มๆ ตามไปดูได้ที่นี่ http://mashable.com/2010/08/05/free-web-ui-resources/

ที่มา Mashable: 10 Free Web UI Kits and Resources for Designers (http://mashable.com/2010/08/05/free-web-ui-resources/)

Search This Site:



rgb72 on Facebook

คำศัพท์ Internet วันละคำ

Adobe
– บริษัทผู้ผลิตและเจ้าของลิขสิทธิ์โปรแกรมชื่อดังที่ใช้ในงาน graphic มากมาย เช่น Photoshop, Illustrator, InDesign, Dreamweaver, Flash, Premiere, After Effect
เว็บไซต์ http://www.adobe.com
— WEB101 by rgb72

72's Friends

Useful Links

Related Articles: