Posts tagged as "negative-space"
White Space
คราวที่แล้วพูดถึง Negative space กันไปแล้ว อันที่จริงแล้ว White space มันก็คือ Negative space นั่นแหละ แต่งานสิ่งพิมพ์ หรือบนเว็บไซต์จะนิยมเรียก white space มากกว่า White space กับ Content white space บนเว็บไซต์นั้น ก็คือ พื้นที่ว่าง ทั้งพื้นที่ว่างระหว่างบรรทัด พื้นที่ว่างระหว่างตัวอักษร พื้นที่ว่างระหว่างรูปกับตัวอักษร ซึ่งก็สามารถจัดได้ด้วย css เช่น line-height, word-spacing, padding, margin ตัวอย่างข้อความที่ไม่มี white space หลังจากเพิ่ม white space การเพิ่ม white space ใหักับ content ในเว็บไซต์เรานั้นจะทำให้ดูสบายตาอ่านง่ายกว่า ยิ่งถ้า content เยอะๆ ตัวหนังสือติดยาวๆกันเป็นพรืด แค่เห็นแวบแรกก็รู้สึกว่ามันเยอะ ไม่อยากอ่านแล้ว ควรมีพื้นที่ให้พักสายตาบ้าง Share
Negative space
ได้อ่าน twitter ของ @_pingtwo แล้วตาม link ที่พี่ปิงทิ้งไว้ เลยไปเจองาน Negative Space design รู้สึกว่ามันน่าสนใจดี ก่อนหน้านี้เคยเจอแต่ภาพขาวดำที่อาจารย์เอาตัวอย่างมาสอนในห้องเรียน ไม่ก็เจอใน forward mail เราเองไม่ค่อยได้เห็นงานออกแบบกราฟิกแนวนี้เท่าไร พอได้เห็นเลยตื่นตาตื่นใจ ตัวอย่างภาพ Negative space ที่เจอกันบ่อยๆ คงเป็นแจกัน ที่เมื่อมองอีกมุมหนึ่งก็สามารถดูเป็นหน้าคนได้ ส่วนของแจกัน นั้นเรียกว่า Positive space ส่วนหน้าคนเรียกว่า Negative space หรือถ้าเป็นหน้าหนังสือ Positive space ก็คือ รูปภาพ ตัวหนังสือ ส่วน Negative space ก็คือส่วนพื้นที่สีขาวที่อยู่รอบๆนั่นเอง Share
Made by Symmetric Web
Distributed by Smashing Magazine