Design
From ThaiiS Note (Wiki)
Contents |
The Elements of Use Experience
Visual Design
graphic treatment of interface elements (the "look" in "look-and-feel")
Information Design
in the Tuftean sense: designing the presentation of information to facilitate understanding
This article, the author is still working on this document, so Can't edit this without the author's permission.
icon index symbol
ICON
เครื่องหมายไอคอน(Iconic signs) คือเครื่องหมายที่คล้ายคลึงกับสิ่งที่มันบ่งถึง. ภาพถ่ายหรือภาพยนตร์ทั้งหมด จัดอยู่ในจำพวก iconic เพราะว่า ภาพดังกล่าวแท้จริงแล้วมันดูเหมือนกับสิ่งที่มันอ้างอิงถึงนั่นเอง. ในทำนองเดียวกัน ภาพงานจิตรกรรมหรือแผนภาพ(diagrams) ที่ดูเหมือนกับสิ่งซึ่งมันบ่งชี้ก็จัด เป็น iconic ด้วย
INDEX
เครื่องหมายอินเดคซ์(indexical signs) คือเครื่องหมายที่ชี้บ่งหรือชี้ถึงบางสิ่งบางอย่างอื่นๆ (หมายเหตุ: ดัชนีในหน้าท้ายๆของหนังสือคือสิ่งหนึ่งที่เราใช้สำหรับการชี้ ซึ่งดัชนีในหน้าหนังสือมันทำหน้าที่ให้เราย้อนกลับไปสู่หน้าที่ที่มีข้อความ นั้นๆปรากฎอยู่) ยกตัวอย่างเช่น ลูกบิดประตูเป็นเครื่องหมายที่ชี้บ่งว่า ใครคนหนึ่งที่อยู่ ณ ที่นั้นต้องการที่จะเข้าไป; หรือการที่เราเห็นควันก็รู้ได้ว่ามีไฟ เป็นต้น. เทอร์โมมิเตอร์, มิเตอร์วัดความเร็ว, นาฬิกาอนาล็อค, หรือกราฟ คือตัวอย่างต่างๆที่เกี่ยวกับข้องกับดัชนี(indexes) เพราะมันเป็นตัวชี้บ่ง ชี้ถึง เพื่อบอกถึงอุณหภูมิ, ความเร็ว, เวลา, และอื่นๆนั่นเอง.
SYMBOL
เครื่องหมายสัญลักษณ์(symbolic signs) คือเครื่องหมายที่แสดงถึงบางสิ่งบางอย่าง, แต่มันไม่ได้คล้ายคลึงกับสิ่งที่มันบ่งชี้ ตัวอย่างที่ชัดเจนมากที่สุดก็คือภาษา ซึ่งได้ใช้สัญลักษณ์ต่างๆ ตัวอักษร คำต่างๆ เพื่อแสดงถึงสิ่งที่ได้รับการอธิบายหรือระบุถึง. ในทำนองเดียวกัน เครื่องหมายจราจรและเครื่องหมายทางด้านคณิตศาสตร์ ปกติแล้ว มันคือสัญลักษณ์. ประเด็นที่สำคัญในที่นี้คือว่า มันไม่มีความจำเป็นใดๆที่จะต้องมีความเชื่อมโยงกันระหว่างเครื่องหมายกับ สัญลักษณ์; คำว่า signs (เครื่องหมาย) คือคำว่า arbitrary (ตามอำเภอใจ-คิดเอาเอง) ในคำพูดของ Saussure.
Data Visualization
Data visualization is the graphical representation of information. Bar charts, scatter graphs, and maps are examples of simple data visualizations that have been used for decades. Information technology combines the principles of visualization with powerfull applications and large data sets to create sophisticated images and animations. A tag cloud, for instance, uses text size to indicate the relative frequency of use of a set of terms. In many cases, the data that feed a tag cloud come from thousands of Web pages, representing perhaps millions of users. All of this information is contained in a simple image that you can understand quickly and easily. more...
Principles of Good Visual Design
Line
A line represents a "path" between two points. A line can be straight, curved, vertical, horizontal, diagonal, or zigzag. Lines imply motion and suggest direction or orientation. A line can also be implied, that is filled in by the mind when several points are positioned geometrically within a frame. Placing four dots on a page in the shape of a square can imply the points are linked as the mind searches for recognizable patterns. The direction and orientation of a line can also imply certain feelings. Horizontal lines imply tranquility and rest, whereas vertical lines imply power and strength. Oblique lines imply movement, action and change. Curved lines or S shaped lines imply quiet, calm and sensual feelings. Lines that converge imply depth, scale and distance - a fence or roadway converges into the distance provides the illusion that a flat two-dimensional image has three-dimensional depth. A line is an effective element of design because it can lead the viewer's eye. To create more effective photographs actively look for lines and arrange them within your viewfinder to invoke specific feelings. more...