basic training for ui design
DESCRIPTION
Presentation for WDHA Regular Meeting #004TRANSCRIPT
![Page 1: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/1.jpg)
UIデザインの基礎トレ~自覚的デザインを目指す~
![Page 2: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/2.jpg)
UI設計の前に
Model
TEXT
HTML
View
写像
![Page 3: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/3.jpg)
年月日をカレンダーとして写像する
x
z
月
日(曜日)
y 年
![Page 4: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/4.jpg)
邦文 N*
![Page 5: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/5.jpg)
n typography, a typeface is a set of one or more fonts designed with stylistic unity, each comprising a coordinated set of glyphs. A typeface usually comprises an alphabet of letters, numerals, and punctuation marks; it may also include ideograms and symbols, or consist entirely of them, for example, mathematical or map-making symbols. The term typeface is frequently conflated with font; the two terms had more clearly differentiated meanings before the advent of desktop publishing. The current distinction between font and typeface is that a font designates a specific member of a type family such as roman, boldface, or italic type, while typeface designates a consistent visual appearance or style which can be a "family" or related set of fonts. For example, a given typeface such as Arial may include roman, bold, and italic fonts. In the metal type era, a font also meant a specific point size, but with digital scalable outline fonts this distinction is no longer valid, as a single font may be scaled to any size.
The art and craft of designing typefaces is called type design. Designers of typefaces are called type designers, and often typographers. In digital typography, type designers are also known as font developers or font designers.
The size of typefaces and fonts is traditionally measured in points;[1] point has been defined differently at different times, but now the most popular is the Desktop Publishing point of 1/72 in. When specified in typographic sizes (points, kyus), the height of an ʻem-squareʼ, an invisible box which is typically a bit larger than the distance from the tallest ascender to the lowest descender, is scaled to equal the specified size. For example, when setting Helvetica at 12 point, the em square defined in the Helvetica font is scaled to 12 points or 1/6 of an inch. Yet no particular element of 12-point Helvetica need measure exactly 12 points.
Frequently measurement in non-typographic units (feet, inches, meters) will be of the ʻCap-heightʼ, the height of the capital letters. Font size is also commonly measured in millimeters (mm) and qs (a quarter of a millimeter, kyu in romanized Japanese) and inches.
欧文 Z*
![Page 6: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/6.jpg)
iPhoto(タイル) r
![Page 7: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/7.jpg)
Finder(リスト) L*
![Page 8: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/8.jpg)
新聞 r(N*|Z*)
![Page 9: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/9.jpg)
Apple Store и(Z*|(ZZ)*|r)
![Page 10: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/10.jpg)
wikipedia иZ*p
![Page 11: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/11.jpg)
iTunes(リスト) (Z*|L*)и*p
![Page 12: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/12.jpg)
iTunes(グループ) (Z*|L*|и*)и*p
![Page 13: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/13.jpg)
「見やすい・わかりやすい」とは?
•見慣れたものである•次を予測できる•期待通りの結果になる
![Page 14: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/14.jpg)
デファクトスタンダードに従う
![Page 15: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/15.jpg)
思考の流れに合わせる
![Page 16: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/16.jpg)
ヒントを視野内に配置する
![Page 17: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/17.jpg)
Realize the Design
•無意識を自覚する•主観や普通を最初に疑う•試し、考え続ける
![Page 18: Basic Training for UI Design](https://reader031.vdocuments.us/reader031/viewer/2022020723/54c730d94a79590c6e8b462f/html5/thumbnails/18.jpg)
Thank you!
http://www.calmtech.net/
skype, twitter : hoop34