UXデザイナーと協力して彼らの語彙を知ることは、まるで新しい言語を学ぶようなものです。一般的に使用される41の設計用語を見てみましょう。チームの理解を深めるため。
フラットデザイン
Flat Design — . .
(Nick Babich) UX Planet flat design « », .
Dropbox Basic. , , .
Interaction Design ( )
, IxD, — , .
Material Design ( )
Material Design, , — , Google Android.
Google:
Iterative Design ( )
Iterative Design — , . , , , , , . , .
Design sprints (-)
, «». , 1–3 . — .
Brand Identity ( )
, , . , , , , ..
Mood board ( )
Mood board — , (, - ) , , . , , , . , .
, , UX, , ..
Storyboard ()
Storyboard — . , .
User Journey Maps / UX Flow / Flowchart
( UX- -) , , . , , .
UX? — .
, . , , .
UX- (, - -).
Wireframe ()
. -.
Wireflow
Wireflow . Wireflows -, .
Mockup ()
, , — . . , , .
MVP
MVP (minimum viable product) , , . , . MVP .
, , , . . , , , .
Low and High-fidelity protos
( Low protos) . , , , Sketch, (High-fidelity protos). , , .
Adaptive design ( )
— , . , . , - — , -, , .
Responsive design ( -)
, -, , . - — , , , .
Affordance ( )
Affordance — , , . . — «», , .
«» , , . , .
Picker ()
, . , , , , , . .
Bar ( )
— , , . :
(Tab bar) — .
UI Element
(UI) — , -. , , .
UI Pattern
— , .
. , , . — .
Widget ()
— , . : , , , ...
Pixel ()
( ) — . — . . , . , , .
Hierarchy ()
— , .
Breadcrumbs ( )
— , , -. -. , 1995 , .
API
, . API — , . API, .
Onboarding ()
, . .
Lorem Ipsum ( )
« », lorem ipsum — -, , . -, , , .
Legibility ()
, . , , .
Microcopy ()
, -, . , , - . — UX .
Grid System ()
— , ( ) . , , .
Scale ()
. , .
Color Theory ( )
, . — , , .
Cool Colors ( )
, , , , , .. . , , .
Warm Colors ( )
, , , , .. , , , . , .
Gradient ()
, .
Opacity ()
. , .
Resolution ()
. , , . , , , .
Contrast ()
2つの隣接する要素間の差異の程度。他の一般的なタイプのコントラストには、暗い対明るい、厚い対薄い、粗い対滑らかなどがあります。
飽和
色の強度と明るさの程度。たとえば、彩度の低い色は淡く色あせて見える場合がありますが、彩度の高い色はより鮮やかでカラフルに見える場合があります。
さて、それだけです。これらは、UI、UX、またはグラフィックデザイナーを操作するときに出くわす可能性のある最も一般的な用語の一部です。