2016年11月14日(月)

モバイルページの「LOOK(見た目）」と「FEEL（操作感）」をグっとよくする【鉄の10箇条】

• 0
• 1
• 0
• 4

PCページとモバイルページではUIデザインを根本的に変えなければならないことは開発者の誰しもが理解していることですよね。

でも「どこをどう変えるの？」となると、これまでの経験則や自身の勘どころを頼りにUIを組まれている方も多いのでは？

そこで本稿ではモバイル開発者のあなたに、LOOK(見た目)をよくするための5つのルールと、FEEL(操作感)をよくするための5つのルールをご紹介します。モバイル開発をする際の「足がかり」にご活用ください！

LOOK（見た目）をよくするための5つのルール

画面を埋める

人は目に見えるものが好きなので、画面構成をケチケチしてはいけません。モバイルの画面はキャンバスで、あなたは画家なのです。全幅の要素を使い、それらを垂直にバランスよく配置し、画面全体を有効に活用してください。

重要なものに絞る

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

アプリ開発担当者は知っておくべき法律って？それを学べるIT法務セミナーが東京・渋谷にて！

         

NEXT ›

               

開業医の皆さまへ「月々5,000円」から始められるホームページがあります!

関連記事

• Kindle本、読書の秋特大セールが開催！ セール初登場もあり、デザイン・Web制作・イラストの良書がお買い得です
• 8/22までKindle本の夏の特大セールが開催！ セール初登場も多く、デザイン・Web制作・イラストの良書がお買い得です
• コリス限定太っ腹プレゼント企画！ 画像やフォントなどの素材管理アプリEagleのライセンスを10名様にプレゼントします
• 素材管理アプリEagleが、便利すぎる！ ver.4は想像以上の神アップデート、プラグインやAIツールの導入でさらに使いやすく
• 2024年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『モバイルページの「LOOK(見た目）」と「FEEL（操作感）」をグっとよくする【鉄の10箇条】』についてまとめています。

この記事は特にアニメーション・フォントについて書かれており、 スマホ対応のカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。