【 レスポンシブ・デザイン 】
知ってる人は知ってる！
知らない人は ｢なんじゃ・それ～？｣ の
カタカナ言葉 (笑)
ホームページやインターネットを
何で見てますか？
… こんな質問に対して
最近は ｢50％くらいの方｣ が
【 スマホで 】と、答えます。
ところが、ほとんどのホームページは
パソコンで見られることを想定して
制作 (デザイン) されていますので
そのデザインのまま
スマホから、ホームページを見ると
文字や画像が小さすぎて
何を書いているのか、ほとんど分かりません。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
そこで、2年前くらいから登場してきたのが
このカタカナ言葉【 レスポンシブ・デザイン 】です。
早いハナシが …
① 相手が、パソコンなのか
② 相手が、iPad などのタブレットなのか？
③ それとも相手が、iPhone などのスマホなのか？
それを自動的に判別して
① 用のデザイン画面
② 用のデザイン画面
③ 用のデザイン画面
３種類のうちから、最適な画面を表示させる！
… という仕組みのことです。
ところが、自動で見やすくしてくれる！という
一見すると便利に見える仕組みには
あまり、ありがたくない、副作用もあるのです。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
そこで、アメブロ や Facebook などを
ほんの少しでも、自分の商売 (ビジネス) へ
活用されている方は、考えなくてはいけません。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
< p style="border: 0px; font-family: メイリオ, Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif; font-size: medium; margin: 0px 0px 1.625em; outline: 0px; padding: 0px; vertical-align: baseline; color: rgb(55, 55, 55); line-height: 26px; background-color: rgb(255, 255, 255);">何を～？
パソコンでブログや記事を書く時の
【 改行の位置 】です。
上記の ｢そこで、アメブロ や ～｣ で始まる
３行の文章ですが …
iPhone や Android などの ｢スマホ｣ では
下記のように表示されると思います。
↓ ↓ ↓ ↓ ↓
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
そこで、アメブロ や Facebook
などを
ほんの少しでも、自分の商売 (ビジネス)
へ
活用されている方は、考えなくてはいけませ
ん。
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
↑ ↑ ↑ ↑ ↑
改行の位置が、バラバラな文章になります (笑)
これは、スマホを縦づかいで見たとき
１行に配置される文字数が ｢17～20文字｣
… だからです！
(文字サイズによって多少の違いあり)
▼ 先にも書きましたが
ホームページやインターネットを
何で見てますか？
… こんな質問に対して
50％くらいの方が【 スマホで 】
… と、答える現代です。
スマホ用の読みやすさを
簡単に考えてはいけないと思います。
さっそく今日からでも
【 改行の位置 】少しご検討ください (笑)
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
▼ 1月27日 (火) 15:00～です
個人型＆店舗型で活動するビジネス
｢情報への入口｣ を真剣に考えるため
＜ 特別・無料セミナー ＞
↓ ↓ ↓ ↓ ↓ ↓
http://www.jagajaga.jp/?p=6813
|
いよいよ ｢にっぽん｣ も
【 アプリ時代 】START です。
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
iPhone｜Android
わたし＝太田耕平のアプリ
＜ 無料ダウンロード ＞
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
① iPhone ユーザーの方は下記から
▶ http://goo.gl/0N7AQp
② Android ユーザーの方は下記から
▶ http://goo.gl/aNZ2fE
