タグ

WEB制作とwebデザインに関するmt_sakurajimaのブックマーク (2)

  • ユーザーの視線を誘導する3つのユーザビリティ改善方法

    webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。 実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。 1)全ての情報を遮断する 手っ取り早い方法としては、あらゆる情報を遮断する方法があります。 つまりその言いたい事意外の情報をあえて隠蔽するわけです。 実にシンプルな方法です。 ただし、シンプルであるがゆえに非常に難易度が高いです。 なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。 1)サービスに対して興味を少しだけ持ってもらう情報を書く 2)サービス開始はちょっと・・・という人のためにクリックしやすいリン

    ユーザーの視線を誘導する3つのユーザビリティ改善方法
  • Photoshopでウェブレイアウトを作成する方法 / ウェブデザインライブラリー

    投稿日:2009年12月25日   レベル:中級者    ソフトウェア: このチュートリアルでは、Photoshopでウェブレイアウトを作ってみたいと思います。 Step1 : はじめに Step2 : タイトル・キャッチコピーを入力する Step3 : ボタンを作成する Step4 : 必要な情報を入力する Step5 : コンテンツボックスを作成する Step6 : コンテンツボックスを複製する Step7 : 完成 900x900の新規ドキュメントを作成し、階調の異なる2種類の濃いグレーを背景色/描画色に設定します。 次に、長方形選択ツールでカンバスの一番上に長方形を描き、線型グラデーションで上から下にドラッグして塗ります。 さらに、次のようなレイヤースタイルをその長方形に追加してください。 今のところこんな感じです。

  • 1