- 着想するは英語でideate /ˈaɪdieɪt/(動詞)。
例文: The team ideated for an hour.
チームは1時間アイデアを出し合った。
- ユーザーエクスペリエンス(UX)は英語でuser experience (UX) /ˈjuːzər ɪkˈspɪriəns/(名詞)。
例文: Good user experience makes an app feel effortless to navigate.
優れたユーザーエクスペリエンスは、アプリの操作を苦もなく感じさせる。
- ユーザーインターフェース(UI)は英語でuser interface (UI) /ˈjuːzər ˈɪntərfeɪs/(名詞)。
例文: The user interface was redesigned to make the buttons easier to tap.
ボタンをタップしやすくするため、ユーザーインターフェースが再設計された。
- ワイヤーフレームは英語でwireframe /ˈwaɪərfreɪm/(名詞)。
例文: The team sketched a wireframe before writing a single line of code.
チームはコードを一行も書く前に、ワイヤーフレームをスケッチした。
- モックアップは英語でmockup /ˈmɑːkʌp/(名詞)。
例文: The designer showed a mockup of the new homepage in the meeting.
デザイナーは会議で新しいホームページのモックアップを見せた。
- タイポグラフィは英語でtypography /taɪˈpɑːɡrəfi/(名詞)。
例文: Good typography can make even simple text feel polished and readable.
優れたタイポグラフィは、シンプルなテキストでさえ洗練されて読みやすく感じさせる。
- カラーパレットは英語でcolor palette /ˈkʌlər ˈpælət/(名詞)。
例文: The brand's color palette is limited to just three main shades.
そのブランドのカラーパレットは、主要な3色のみに限定されている。
- グリッドシステムは英語でgrid system /ɡrɪd ˈsɪstəm/(名詞)。
例文: A grid system keeps every element aligned neatly across the page.
グリッドシステムにより、ページ全体のあらゆる要素がきちんと整列される。
- ホワイトスペース(余白)は英語でwhite space /ˈwaɪt speɪs/(名詞)。
例文: Designers left plenty of white space so the page wouldn't feel cluttered.
デザイナーたちは、ページが窮屈に感じられないよう十分な余白(ホワイトスペース)を残した。
- 視覚的階層は英語でvisual hierarchy /ˈvɪʒuəl ˈhaɪərɑːrki/(名詞)。
例文: Visual hierarchy guides the eye to the most important information first.
視覚的階層は、最も重要な情報に真っ先に目が向くよう導く。
- ブランドアイデンティティは英語でbrand identity /brænd aɪˈdentəti/(名詞)。
例文: The logo, colors, and fonts together form the company's brand identity.
ロゴ、色、フォントが組み合わさって、その会社のブランドアイデンティティを形作っている。
- スタイルガイドは英語でstyle guide /staɪl ɡaɪd/(名詞)。
例文: Every new page must follow the company's official style guide.
新しく作成するページはすべて、その会社の公式スタイルガイドに従わなければならない。
- デザインシステムは英語でdesign system /dɪˈzaɪn ˈsɪstəm/(名詞)。
例文: A design system keeps buttons, colors, and spacing consistent across the whole product.
デザインシステムにより、製品全体でボタン、色、間隔の一貫性が保たれる。
- レスポンシブデザインは英語でresponsive design /rɪˈspɑːnsɪv dɪˈzaɪn/(名詞)。
例文: Responsive design lets the same page look good on a phone or a large monitor.
レスポンシブデザインにより、同じページがスマートフォンでも大型モニターでも見栄えよく表示される。
- ユーザビリティテストは英語でusability testing /ˌjuːzəˈbɪləti ˈtestɪŋ/(名詞)。
例文: Usability testing revealed that users couldn't find the checkout button.
ユーザビリティテストにより、ユーザーが決済ボタンを見つけられないことが明らかになった。
- アクセシビリティ(デザインの)は英語でaccessibility (design) /əkˌsesəˈbɪləti/(名詞)。
例文: Accessibility ensures the site works well for users with visual impairments too.
アクセシビリティにより、視覚に障害のあるユーザーにとってもサイトがきちんと機能することが保証される。
- アイコノグラフィ(アイコン体系)は英語でiconography /ˌaɪkəˈnɑːɡrəfi/(名詞)。
例文: Consistent iconography helps users recognize the same action across the app.
一貫したアイコノグラフィは、アプリ全体で同じ操作をユーザーが認識しやすくする。
- ネガティブスペースは英語でnegative space /ˈneɡətɪv speɪs/(名詞)。
例文: The logo cleverly uses negative space to hide a second image.
そのロゴは、ネガティブスペースを巧みに使って2つ目の図形を隠している。
- ムードボードは英語でmood board /ˈmuːd bɔːrd/(名詞)。
例文: The designer put together a mood board to capture the feel they were going for.
デザイナーは目指していた雰囲気を捉えるために、ムードボードをまとめた。
- プロトタイピング(デザインの)は英語でprototyping (design) /ˈproʊtətaɪpɪŋ/(名詞)。
例文: Prototyping let the team test the flow before any real code was written.
プロトタイピングにより、チームは実際のコードを書く前に操作の流れをテストすることができた。
- A/Bテストは英語でA/B testing /ˌeɪ ˈbiː ˌtestɪŋ/(名詞)。
例文: A/B testing showed that the red button got more clicks than the blue one.
A/Bテストの結果、赤いボタンの方が青いボタンよりも多くクリックされることが分かった。