タグ

layoutに関するhikute_amataのブックマーク (42)

  • Marketing Online

    We turn you into a full digital marketer with experience in the top eight areas of digital marketing - search engine optimization, social networking, pay-per-click, conversion optimization, digital analytics, content, mobile marketing and email. Accelerating Your Career Path In Digital Marketing Today With hands-on training you can apply for a job. We convert you into a full digital marketer with

  • Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト

    ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン! 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年:魔女の恋愛 2015年:彼女はキレイだった 2016年: 花郎<ファラン> 2017年:サム、マイウェイ~恋の一発逆転!

    Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト
    hikute_amata
    hikute_amata 2009/01/29
    WEB制作する上で抑えておきたいことが載ってる。
  • 404 Error File Not Found

    hikute_amata
    hikute_amata 2009/01/29
    なんでもかんでもイチ押し!っていわれることが多いときにレイアウトって困る
  • Webレイアウト :: Webデザイン講座 - オシャレチップス

    TOP > Webデザイン制作編 > 上手にレイアウトして、目線をコントロール。 レイアウトの4つの原則 Webレイアウトを理解するためには、まず4つの基の原則から。 法則1:近接の法則 関連のある情報は近くにまとめちゃうんです。それが近接の法則。関連のある情報ってなんでしょう? 法則2:整列の法則 このオシャレチップスでもこの法則にはだいぶ助けられています。この整列の法則とは・・・「見えない線」というのがヒントです。 法則3:対比の法則 関係のない情報はどうすればいいのかというと・・・まさにこの法則を利用します。実はこの法則、いろいろなことに応用することができちゃいます。 法則4:反復の法則 引っ込めるところは引っ込めて、出っ張るところは出っ張らせて。整列の法則とは反対のことを言っているかもしれませんけれど、そんなことはありません。この違いが秘訣なんです。 レイアウトのあれこれ 「揃

    hikute_amata
    hikute_amata 2009/01/29
    なんだかんだいっつも迷うレイアウト。企画がきまれば必然的にきめたいもん。
  • 無料グループウェア|GRIDY(グリッディ)

    Copyright (c) BlueTec Inc. All Rights Reserved. Copyright (c) BlueTec Inc. All Rights Reserved.

  • 第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum

    第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか? 今木 智隆(株式会社ビービット) 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ

    第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
  • 画面横幅を900px以上にするメリットとデメリット。右端が欠けることに注意 (ユーザビリティ実践メモ)

    Yahoo! JAPANの画面横幅が950pxになって以降、サイトの画面横幅を770pxから900px以上に拡大するサイトが増えています。 今回は画面横幅を900px以上に拡大することのメリット・デメリットから、画面サイズを広げる際に注意すべきポイントをご紹介します。 【メリット1】 ファーストビューで表示できる情報が増える メディアサイトなど広告収入を目的としているサイトの場合、ファーストビューに表示できる広告の量が増えますので、売上増加に直接結びつきます。 【メリット2】 デザインが映える トップページのブランドパネル等の横幅が広くなり、迫力のあるデザインを表現できます。 一方、デメリットとして、大きく下記の3点が挙げられます。 【デメリット1】 右端が欠けて見られなくなるケースがある(特にお気に入り常駐時) 画面右エリアに重要なボタン(購入ボタン、申込ボタンなど)や重要なリンク(メイ

  • レイアウトやエレメントを作成するPhotoshopのチュートリアル集:Part 2 | コリス

    ウェブサイトのレイアウトをはじめ、ヘッダ、ナビゲーション、パネル、ボタン、アイコンなどのエレメントを作成するためのPhotoshopのチュートリアルの紹介です。

  • [CSS]基本的なレイアウトやリセットなどが設定されたスタイルシートのフレームワーク集

    Hidden Pixelsのエントリーから、タイポグラフィ・フォーム・グリッドやシンプルなレイアウト・リセットなどが設定されたスタイルシートのフレームワークを紹介します。 CSS Frameworks

  • 黄金比などを使用して、緻密で美しいグリッドを設計できるツール集 | コリス

    黄金比や白銀比などを使用して、緻密で美しいグリッドを設計したり、設計したグリッドを表示・確認できるアプリケーション・オンラインサービスの紹介です。 アプリケーション関連

  • 日本大学法学部

    神田三崎町キャンパス 〒101-8375 東京都千代田区神田三崎町2丁目3番1号 大宮キャンパス 〒337-0032 埼玉県さいたま市見沼区東新井541

    日本大学法学部
  • Photoshopで作成するページレイアウトのチュートリアル集

    ウェブページのレイアウトを作成するPhotoshopのチュートリアルの紹介です。 チュートリアルでは、PSDファイルをダウンロードできるものもあります(チュートリアルにより無料or有料)。

  • Webページを”一画面”に収めるということ

    Webサイトの構築をお引き受けする際に、お客様から「トップページは一画面に収めたい」というご要望をいただくことがあります。 確かに、そのお気持ちは分かりますし、トップページに情報をごちゃごちゃと載せないようにという心配りは良いと思うため、基的にはご要望の通りに制作します。しかし、時には過剰なのではないかと疑問に思うこともあります。 一画面に収める理由としては、「スクロールしてまで利用者はページを見てくれないから」「クリックされないから」といったものがありますが、果たして実際にそうなのでしょうか。少なくとも私は、アクセスしたサイトはスクロールして下まで見ます。確かに、スクロールするのが「一手間」であるため、スクロールしないでもすべての情報が見られる方が親切なこともありますが、それが行き過ぎて、一画面にものすごい量の情報が詰まってしまっていては、逆効果にもなりかねません。 そして、実際利

  • 訴求効果のある「打ち出しエリア」のレイアウトパターン集

    サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、当サイトで度々紹介している「Elements of Design」の新カテゴリです。 Carouselsには現在50個登録されており、他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 フォームのログインのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集 「打ち出しエリア」と記載しましたが、Googleで調べてみたら、あまり使用されない言

  • Webデザインに黄金比を取り入れよう - Re:Creator’s Kansai

    PR 「おすすめのレンタルサーバーランキングが知りたい」「人気のレンタルサーバーを比較したい」という方に向けて、2024年3月最新の人気レンタルサーバーのおすすめ9社をランキング形式で紹介します。 当記事ランキング1位のレンタルサーバーがキャンペーン中! シン・レンタルサーバーがキャンペーン実施中!(2024/5/20まで) 実質385円~「利用料金50%キャッシュバックキャンペーン」 出典:シン・レンタルサーバー公式サイト シン・レンタルサーバーでは、2024年5月20日(月)まで月額利用料金が実質半額になるキャンペーンを開催中です。 ベーシックプランの36ヶ月契約なら、「13,860円」キャッシュバックで、なんと実質「385円/月」で利用できます。

  • http://www.novotelkoshien.com/stay/

  • 新ポータルサイトに見るWebページ・デザインのトレンド

    この春,主要な国内ポータルサイトが相次いでトップページをリニューアルした。情報ポータル分野では2008年3月31日にgoo,4月7日にlivedoor,4月14日にMSN Japanと新トップページの公開が続いた。検索大手のGoogleも3月19日にトップページをリニューアルしている。2008年1月のYahoo!ジャパンのリニューアル(関連記事:メディアとしての価値を向上させる -- 1月1日正式公開のYahoo! Japan新トップページ)が先陣を切ってから数カ月で,主要ポータルの顔が一新された格好だ。 ポータルサイトは何万人というユーザーが日々訪れる場所。それだけに,ここには幅広いユーザー層に受け入れられているデザインのポイントがあるはず。各ポータルサイトのデザイン的な共通点や,訴求ポイントの違いを分析して「ページ・デザインのトレンド」を探った。 検索機能が目立つように まずはページの

    新ポータルサイトに見るWebページ・デザインのトレンド
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

    hikute_amata
    hikute_amata 2008/04/25
    企業サイトでは800pxがバランスとれてるように思うなあ。あとクライアントの社内端末のディスプレイ解像度も関係するけど。
  • NIKKA WHISKY

    *Firefox最新版をご利用のお客様へ* ページの背景画像が正しく表示されない場合、こちらをクリックお願いします。

    NIKKA WHISKY
    hikute_amata
    hikute_amata 2008/04/25
    ウイスキーといえば・・・イメージどおりのページ・ビジュアルがでてきた
  • ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

    yamaokaです。 エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか?  「エラスティック(elastic)」とは、ゴムのように弾力性がある状態のことです。 言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。 固定幅レイアウト リキッド・レイアウト 固定幅レイアウト 固定幅レイアウトでは、 コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { width: 800px; } 固定幅レイアウトの場合、ウィンドウや文字のサイズが変更されてもレイアウトの枠は変わりません。 したがって、ウィンドウを大きくすると表示されるエリアが小さくなってしまったり、 文字のサイズを変更すると外枠が変わらないので読みづらくなってしまったりします。 リキ