タグ

ブックマーク / www.webdesignlibrary.jp (8)

  • ミニサイトをデザインするための12のステップ / ウェブデザインライブラリー

    投稿日:2011年2月15日   レベル:初心者    ソフトウェア:− このチュートリアルでは、ミニサイトをデザインするための12のステップをご紹介します。 はじめに ミニサイトで使われる定石 パソコンは、ミニサイトを利用してネットビジネスを始める時に役立ちます。 1ページだけのウェブサイトが、最もシンプルで魅力的だということがわかっています。 焦点を絞ってビジネスをすることで、数万円相当の製品が自動で売れていきます。 どのシステムも、いくつかのプロセスを経る必要があります。 素敵なレシピに、ぴったりの具材と少しのスパイスを加えれば、いつまでも風味を保つことができます。 よく練られたミニサイトは、コンバージョン率を52%上げ、訪問者の購買意欲をかき立てることが出来るでしょう。 たくさんのトラフィックを得る方法には、クリック課金、さまざまなキャンペーン広告、たくさんの相互リンクなどがありま

  • サーチエンジンと相性の良いウェブデザイン − CSSを活用する3つの方法 / ウェブデザインライブラリー

    Home > ウェブデザイン基礎講座 > サーチエンジンと相性の良いウェブデザイン − CSSを活用する3つの方法 サーチエンジンと相性の良いウェブデザイン − CSSを活用する3つの方法 投稿日:2011年1月21日   レベル:−    ソフトウェア:− このチュートリアルでは、サーチエンジンと相性の良いウェブデザインをご紹介します。 ウェブデザインテクニック1 : はじめに ウェブデザインテクニック2 : CSSを使ってドキュメントの構造を作成する ウェブデザインテクニック3 : CSSを使ってヘッダータグを定義する ウェブデザインテクニック4 : CSSを使ってロールオーバー画像を作成する ウェブデザインテクニック5 : 結論 この記事ではCSSを使ってウェブデザインを改良し、GoogleYahoo!などの主要なサーチエンジンでより良い結果が得られるようにするための簡単でとても効

  • ウェブデザインによくある 10の間違い / ウェブデザインライブラリー

    投稿日:2011年1月14日   レベル:−    ソフトウェア:− このチュートリアルでは、ウェブデザインによくある 10の間違いをご紹介します。 Step1 : はじめに Step2 : 広告を入れすぎない Step3 : メディアプラグインを使用する Step4 : 極力 Flashを使用しない Step5 : レイアウトやナビゲーションをわかりやすくする Step6 : 外部リンクを適切に設置する Step7 : リンクをわかりやすく表記する Step8 : 電子メールのリンクはわかりやすく明示する Step9 : リンク切れをなくす Step10 : ベーシックなフォントを使用する Step11 : 標準的なサイズのフォントを使用する

  • ウェブサイトを台無しにする、10点の致命的なミス / ウェブデザインライブラリー

    Home > ウェブデザイン基礎講座 > ウェブサイトを台無しにする、10点の致命的なミス ウェブサイトを台無しにする、10点の致命的なミス 投稿日:2011年1月11日   レベル:−    ソフトウェア:− このチュートリアルでは、ウェブサイトを台無しにする、10点の致命的なミスをご紹介します。 Step1 : はじめに Step2 : 値段表がない Step3 : 検索ツールが使いづらい Step4 : 横スクロールを必要とする Step5 : フォントサイズを変更できない Step6 : テキストばかりである Step7 : リンクにJavaScriptを使用している Step8 : FAQ内に、あまり聞かれない質問がある Step9 : プライバシーポリシーを掲載せずに、メールアドレスを集める Step10 : URLが長すぎる Step11 : 予期しない場所にMailtoのリ

  • 「About Us」ページに記載すべき7つの項目 / ウェブデザインライブラリー

    投稿日:2011年1月7日   レベル:−    ソフトウェア:− このチュートリアルでは、「About Us」ページに記載すべき7つの項目をご紹介します。 Step1 : はじめに Step2 : ブランド名を記載する Step3 : 画像を配置する Step4 : 一人称を使う Step5 : ユーザーのニーズや要求について記載する Step6 : 内容を常に更新する Step7 : はっきりとした、説得力のある言葉を使う Step8 : リンクボタンを設置する About Usページは最も重要な事項であり、多くのウェブサイトで上位階層に配置されています。 しかし、その当の重要性を理解せずに会社の歴史や組織といった面白みに欠ける文章を連ねているものが多く見受けられます。 インターネットが顧客との接点として不可欠なものとなりつつある中で、ウェブサイトのAbout Usページは簡単で効率

  • ウェブデザインの簡単なステップ / ウェブデザインライブラリー

    投稿日:2010年12月07日   レベル:初心者    ソフトウェア: このチュートリアルではウェブデザインの簡単なステップをご紹介します。 現在の世界はオンライン世界と言っても良いぐらいです。 そこで、そのオンライン世界とあなたとの接点となるウェブサイトは最高のデザインであるべきでしょう。 Step1 : ウェブサイトのメインテーマ Step2 : ウェブサイトの機能 Step3 : メインテーマの書き出し Step4 : 最終的な内容の下書き Step5 : スタイルの決定 Step6 : ウェブサイトの制作 Step7 : ウェブサイトの評価 これが最初のステップであり、また最も重要なステップでもあります。 これから作ろうとしているウェブサイトの目的を明確にする事が重要です。 中心となるコンセプトやテーマを決めることも大切です。 メインとなるテーマについて書き出してください。 これ

  • 良いウェブサイトを作るための色遣い / ウェブデザインライブラリー

    投稿日:2010年07月06日   レベル:―    ソフトウェア:― Step1 : はじめに Step2 : それぞれの色の働き Step3 : Webサイトにおける色の役割 ウェブサイトのデザインには、入力からレイアウトや色に至るまで、数々のスキルの積み重ねを要します。色は、ユーザーによる第一印象を決める、特に重要な要素です。色遣いが正しければユーザーに好印象を与え、色遣いを間違えるとユーザーに悪印象を与えます。 良いウェブサイトを作るために、ウェブデザイナーは人に印象を与える色の働きについて知る必要があります。人は無意識のうちに色に反応したり、色に対して異なる感情や感覚と関連付けたりします。色は、単に人の感情や感覚を刺激してサイトの見え方に影響を与えるのではなく、ユーザーをサイトの特定のセクションへ誘導するために巧妙に使われます。 最近インターネットで使えると思われるそれぞれの色に

  • Photoshopで火のついた線を描く方法 / ウェブデザインライブラリー

    投稿日:2009年03月13日   レベル:初心者    ソフトウェア: このチュートリアルでは、Photoshopで火のついた線を描いてみたいと思います。 Step1 : はじめに Step2 : パスを描く Step3 : 火のレイヤーを作成する Step4 : 火のレイヤーを複製しレイヤーオプションを変更する Step5 : 完成 このチュートリアルでは良い写真素材を十分にそろえる必要があります。 動きがあって、暗めのものが良いでしょう(今回の効果は色が暗めの方がよくわかります)。 素材を開いたら、パスのタブで「新規パス」を選択します。 「P」キーを押してペンツールを選択して、火の行き先をおおよそ決めます。 特徴や動きが現実的になるよう意識しましょう。 渦巻きにすると効果的です! クリックしてパスを描き始めます。 次の点をクリックしたままドラッグすると、流れるような線を描くのに不可欠

  • 1