uiblogaziner
สวัสดีครับ ผมชื่อฟริ้นครับ รักและชอบงาน Graphic Design เอามากๆ เลย พอได้เริ่มทำงานเป็น UI Designer แล้ว ยิ่งสนุกขึ้นอีกแยะ งานออกแบบที่ใช้ความรู้สึกและเหตุผลเป็นอะไรที่สุดยอดจริงๆ ครับ
ทฤษฎี UI

Gestalt Theory Rule#5-ทางร่วม

หากสังเกตให้ดี ขณะที่เราเดินอยู่บนทางเท้าหรือพื้นที่สาธารณะที่มีทางให้คนเดินสวนกันได้ เราจะพยายามเดินไปในทิศทางเดียวกับคนข้างหน้า ทั้งที่ๆ ไม่มีใครป้ายกำหนดว่าฝั่งนี้สำหรับเดินเข้า หรือฝั่งนี้สำหรับเดินออก มันเป็นสิ่งที่เราเข้าใจได้จากการไหลและเคลื่อนที่ของกลุ่มว่า หากคนหรือสิ่งใดที่เคลื่อนที่ไปในทางเดียวกัน จะเข้าใจว่าเป็นกลุ่มเดียวกัน หัวใจสำคัญของทฤษฎีข้อนี้ คือ การเคลื่อนไหวและทิศทางครับ หากเรามีวัตถุที่หน้าตาเหมือนกันหมด แต่อยากแยกออกให้เป็น 2 กลุ่ม เรายังสามารถทำได้โดยการทำให้วัตถุเคลื่อนที่ไปในทิศทางที่ต่างกัน 2 ทิศทาง กลุ่มที่ 1 เคลื่อนไปทางซ้าย กลุ่มที่ ...
ทฤษฎี UI

Gestalt Theory Rule#4-ความสมมาตร

ให้เราลองดูรูปด้านบนก่อนนะครับ สักประมาณ 1-3 วินาที คิดว่าพวกเราส่วนใหญ่จะเห็นความสมดุล ความสมมาตรในรูปใช่ไหมครับ แทนที่จะเห็นกลุ่มวัตถุ 4 กลุ่ม เพราะจากข้อที่แล้วเรื่องความใกล้ชิดที่บอกว่า วัตถุที่อยู่ใกล้กัน เราจะเข้าใจว่าวัตถุพวกนั้นเป็นกลุ่มเดียวกัน (วงเล็บอันแรกคือกลุ่มที่ 1 วงเล็บที่ 2 และ 3 คือกลุ่มที่ 2 วงเล็บที่ 4 และ ...
ทฤษฎี UI

Gestalt Theory Rule#3-รูปร่างและพื้นหลัง

3. รูปร่างและพื้นหลัง รูปนี้คุณเห็นอะไรเอ่ย?? คนหันหน้าเข้าหากันกับกระถางแจกันใช่ไหมครับ ส่วนรูปนี้ ผมเคยเกริ่นนำไปในตอนแรกแล้วใช่ไหมครับว่าเป็นภาพอะไร ใครยังไม่รู้ ต้องไปย้อยดูเฉลยข้อแรกนะ ตัวอย่างที่ผมแสดงไป ถ้าคนเคยเรียน graphic design อาจจะไปตรงกับเรื่อง negative space คือการที่เรามองเห็นภาพใน 2 แง่มุม ในรูปเดียวกันนี้ คือจะใช้สีของรูปร่างวัตถุชี้นำให้เห็นภาพที่ถูกสร้างโดยสีของพื้นหลัง ซึ่งเราจะมองเห็นทีละภาพแล้วแต่ว่าขณะนั้นเรากำลังโฟกัสที่รูปร่างหรือพื้นหลังครับ ส่วนใหญ่เราจะเห็นนักออกแบบโลโก้ใช้เทคนิคนี้กันมาก มาดูตัวอย่างกันครับ ...
ทฤษฎี UI

Gestalt Theory Rule#2-ความเหมือน

2. ความเหมือนหรือคล้ายคลึงกัน ทฤษฎีนี้เข้าใจได้ไม่ยาก วัตถุที่มีคุณลักษณะที่เหมือนกัน เราจะเข้าใจว่าวัตถุนั้นมีความสัมพันธ์กัน ไม่ว่าจะเป็นรูปทรง สี ขนาด พื้นผิว น้ำหนัก กลิ่น ฯลฯ จากรูปเราจะเห็นว่ากลุ่มวัตถุแม้จะมีรูปทรงเดียวกันหมด แต่ด้วยสีแล้ว ทำให้เราเห็นว่ามีการแบ่งความสัมพันธ์ออกเป็น 2 กลุ่ม การนำเอาทฤษฎีข้อนี้มาใช้ เราจะเห็นตัวอย่างได้จากการทำสไตล์ให้กับลิงค์ในหน้าเว็บ จากรูปด้านบนเราจะเห็นได้ชัดเลยว่า วัตถุได้แบ่งออกเป็น 2 กลุ่มอย่างชัดเจน ...
ทฤษฎี UI

Gestalt Theory Rule#1-ความใกล้ชิด

ลองมองดูภาพด้านบน แล้วบอกผมว่า คุณเห็นอะไร… อ่ะฮ่า ถ้าคุณเห็นสุนัขกำลังดมหาอะไรอยู่แถวใกล้ต้นไม้แล้วล่ะก็ แสดงว่าคุณเป็นคนส่วนใหญ่ คนส่วนน้อยนะที่จะไม่เห็น ภาพนี้เป็นส่วนหนึ่งของทฤษฎีเกสตอลต์ที่ผมจะเล่าให้ฟังในภายหลังนะครับ ไม่น่าเชื่อใช่ไหมครับว่าสมองเราจะเข้าใจภาพนี้ได้ ก่อนเริ่มเรื่อง อาจมีหลายคนเข้าใจผิดได้ว่า การเป็น designer ไม่จำเป็นต้องเรียนรู้หรือใช้ทฤษฎีหรือสมการใดๆ มากมาย เพียงแค่ใช้ความรู้สึกและอารมณ์แล้วแปรเปลี่ยนเป็นผลงานก็พอแล้ว นั่นอาจจะเป็นจริงสำหรับศิลปินวาดภาพ แต่สำหรับ UI designer แล้ว เราไม่เพียงต้องเข้าใจวิธีการใช้เครื่องมือและอุปกรณ์แล้ว หากแต่ ...
UI Pattern

มหัศจรรย์ปุ่ม Show Desktop

ระบบปฏิบัติการ Windows ได้พัฒนามาถึงเวอรชันล่าสุด Windows 8 นอกจากจะทำเพื่อให้ใช้งานกับอุปกรณ์ทัชกรีนแล้ว เรื่อง UI ก็เป็นสิ่งถูกพัฒนามาอย่างต่อเนื่องยาวนาน ทำให้ผู้ใช้งานรู้สึกได้ถึงความสะดวก และประสบการณ์ที่ได้สั่งสมมายาวนาน มี Interface หนึ่งที่ผมชื่นชอบมากเป็นพิเศษสำหรับ Windows 7 ขึ้นไป ก็คือ ปุ่ม Show Desktop หน้าที่ของมันคือ เพียงเรากดปุ่มนี้ปุ๊ป ...

Posts navigation