スマートフォンサイトをデザインする7つのポイント (2/3)
1．リキッド（可変幅）でデザインする PC向けのWebサイトのレイアウトには、ブラウザーのウィンドウサイズに関わらず一定の幅で表示を固定する「固定幅」デザインと、ブラウザーの幅に合わせて変化する「可変幅（リキッド）」デザインがあります。 スマートフォンサイトのデザインでも固定幅、可変幅を選択できますが、特別な理由がなければ可変幅を採用しましょう。スマートフォンの画面サイズは端末によって異なり、本体の向き（縦・横）によっても画面サイズが変動するため、画面幅を固定するのは好ましくありません。 たとえば、画面よりもコンテンツ幅が大きい場合、コンテンツが表示領域外にはみ出しますが、iPhoneではスクロールバーが表示されないので、はみ出していることが一目では分かりません。逆に、縦向きでの表示を前提に固定幅で制作すると、横方向にしたときに余白部分が目立ち、IS01のように横向きでしか表示できない端末
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
スマートフォンサイトをデザインする7つのポイント (1/3)
Webサイトをデザインするときは、単なる見た目の美しさだけでなく、情報の見やすさや使いやすさなどの「ユーザビリティ」や、高齢者や障がい者の方も快適に使える「アクセシビリティ」に留意する必要があります。さらに、スマートフォンサイトのデザインでは携帯電話端末ならではの特性も考慮しなければなりません。 デザインに必要な環境を整える WebサイトのデザインではいきなりHTMLを書くのではなく、まずPhotoshopやFireworksなどの画像作成ソフトを使って「デザインカンプ」を作成し、画像パーツを切り出してHTML化していくのが一般的です。こうした流れはスマートフォンサイトの場合でも変わりません。 ブラウザー枠を用意しよう PCサイトを制作するときには、デザインカンプを実際のサイトのイメージに近づけるため、Webブラウザーの枠を含む状態でデザインすることがよくあります。そこで、スマートフォンサ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
絶対見ておきたい有名企業のスマホサイトまとめ (4/5)
iPhoneデザインボックス
