• ホーム
• Webデザイン

カテゴリー：Webデザイン

1. 02.20

   【Webデザイン】「カード」、「フォーム」、「タブ」、「ハンバーガーメニュー」について

   カードとは？ 画像、テキスト、アイコン、ボタンなどの要素をまとめられます。 メリット カードごとに折り返して表示することができるのでレスポンシブと相性が良いので最近とてもよく使われています。 デザイン テキスト サイズ、太さ、色…

   • Webデザイン
   • コメントを書く

2. 02.06

   【HTML】「レイアウト」手法の種類(聖杯レイアウト、flex、grid)、モバイルファースト、レスポンシブ

   聖杯レイアウトとは？ 当時は、flexもgridもなかったので西欧では聖杯を探すのが難しいという意味を込めて「聖杯レイアウト」と呼ばれていました。 用途 情報量が多いサービス ページ数が多いサービス ベンチャーなど…

   • Webデザイン
   • コメントを書く

3. 02.06

   【HTML】「viewport」とは？

   viewportとは？ 表示領域（今このページを見ている範囲）のことです。 注意点 画面サイズ(例えば、iPhone5で言えば320✖️568)とviewportは関係ないです。 実装方法 HTMLのheadのmetaタグで以下の…

   • Webデザイン
   • コメントを書く

4. 01.03

   【Adobe XD】XDとは？

   XDにできること UIデザイン プロトタイプ 共有 共有 CCライブラリというAdobe CCユーザーが素材を共有できます。なお、Photoshop等にもCCライブラリはありますがXDのCCライブラリは独立して…

   • Webデザイン
   • コメントを書く

5. 01.02

   【UX】「UX(ユーザー・エクスペリエンス)」、「UXプロセス」、「UXデザイン」とは？

   UXとは？ 「ユーザーの実益」を考慮するのではなく「ユーザーの体験」を重視する考え方です。 UXの例 普通の列車→豪華列車 コーヒーの販売→カフェ UXのポイント 革新的な技術が必要なわけではなくアイディ…

   • Webデザイン
   • コメントを書く