WebデザインのPhotoshop納品で間違ったことはしていませんか？
1pxのズレはコーディングできないデザイン！ DTPの世界でもグリットシステムは利用し、数値を利用して配置するデザインは基本中の基本ですね。 しかしながら、マウスを引っ張って配置するようなデザインをして、数値を利用したデザイン配置をしないデザイナーが存在します。 感覚だけで配置するデザインなので、1pxのズレなども多く発生します。このようなデザインをコーディングには大変なことなります。正直言うと、コーディングできないデザインなのです。 そんな当たり前のことができていないデザイナーが多い？ことから、海外では「photoshopetiquette」Photoshop エチケットというコンテンツがありましたのでご紹介いたします。 日本でも同様に起きていますね！弊社でもこのようなデザイン、ファイルを納品されて困ったケースがあり、受講生に聞いても同じ悩みがあるようです。 プロとして最低限のマナーなの
スマートフォンのボタンサイズ UI
スマートフォンのデザインをする際の UI のサイズには誰もが最初は悩んでしまいます。そんな時に役に立つのが、Android や iOSのUI のガイドラインです。その中から、ボタンのサイズに関する部分だけを抜き出して集めました。 ボタンのタッチ部分のサイズは最小で高さと幅は44ptが推奨されているみたいです。ただし、2010年に開催された Apple Tech Talk にてApple のUIデザイナーの Eric Hope 氏は、垂直方向へボタンがかさならないのであれば、例外として高さは 最小で22ptをOKとしていると話しています。事実、iPhone のランドスケープモードでは44px x 44px ではなく、48px x 38pxの高さのボタンも見受けられます。
「モバイルファースト」って何だ
2010年4月にバーミンガム（英）で開催された Dan Rubin氏のモバイルのワークショップへ参加した時に彼から、米国には「モバイル・サイコロジスト」（モバイル心理学者）がいると聞きました。またモバイル・サイコロジストが近い将来 モバイルのウェブサイトを設計してからデスクトップを設計することを主張していると聞かされました。これが、自分が初めて「モバイル・ファースト」に出会った瞬間です。 前置きが長くなりましたが 「モバイル・ファースト」というのは、 ウェブサイトの設計をするときにモバイル版のウェブサイトの設計から始めるという手法です。すこし噛み砕くと、デスクトップ版を作成し、その情報をそぎ落としてモバイル版を作成する「デスクトップファースト」ではなく、本当に必要な情報や機能を最初に決定してモバイル版を作成してから、デスクトップ版では他に必要だとおもわれる情報を慎重に付け加えていく手法です
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
