basic training for ui design

18
UIデザインの基礎トレ ~自覚的デザインを目指す~

Upload: masaya-kogawa

Post on 27-Jan-2015

121 views

Category:

Documents


7 download

DESCRIPTION

Presentation for WDHA Regular Meeting #004

TRANSCRIPT

Page 1: Basic Training for UI Design

UIデザインの基礎トレ~自覚的デザインを目指す~

Page 2: Basic Training for UI Design

UI設計の前に

Model

TEXT

HTML

PDF

View

写像

Page 3: Basic Training for UI Design

年月日をカレンダーとして写像する

x

z

日(曜日)

y 年

Page 4: Basic Training for UI Design

邦文 N*

Page 5: Basic Training for UI Design

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

iPhoto(タイル) r

Page 7: Basic Training for UI Design

Finder(リスト) L*

Page 8: Basic Training for UI Design

新聞 r(N*|Z*)

Page 9: Basic Training for UI Design

Apple Store и(Z*|(ZZ)*|r)

Page 10: Basic Training for UI Design

wikipedia иZ*p

Page 11: Basic Training for UI Design

iTunes(リスト) (Z*|L*)и*p

Page 12: Basic Training for UI Design

iTunes(グループ) (Z*|L*|и*)и*p

Page 13: Basic Training for UI Design

「見やすい・わかりやすい」とは?

•見慣れたものである•次を予測できる•期待通りの結果になる

Page 14: Basic Training for UI Design

デファクトスタンダードに従う

Page 15: Basic Training for UI Design

思考の流れに合わせる

Page 16: Basic Training for UI Design

ヒントを視野内に配置する

Page 17: Basic Training for UI Design

Realize the Design

•無意識を自覚する•主観や普通を最初に疑う•試し、考え続ける

Page 18: Basic Training for UI Design

Thank you!

http://www.calmtech.net/

skype, twitter : hoop34