タグ

tipsとwebに関するag-commerceのブックマーク (10)

  • ウノウラボ Unoh Labs: 色選びのコツ

    こんにちは! yamazakiです。 高度なプログラミング話だらけのこのブログには全く馴染まない話題でアレですが、今回は「色」について書いてみようと思います。 Webサイトを作っているとき、ちょっとした書類を作るとき、「どんな色を使おうかなぁ」というのは毎度結構迷うところです。今回はそんなときにもしかしたら少しは役に立つかもしれない、色選びのTipsです。 色の「トーン」を意識してみよう 色の基、というと大抵どんなを見ても「色相」「彩度」「明度」という三つのパラメータがまず出てきます。「色相」「彩度」「明度」というのは 色相…その色が「赤」なのか「青」なのか「緑」なのか、その色の「色味」 彩度…色の「あざやかさ」。 明度…色の「明るさ」。黒がもっとも暗く(明度が低く)、白がもっとも明るい(明度が高い)。 なのですが、この三つのパラメータをもとに色を考えていても、いまいち「どの色に

    ag-commerce
    ag-commerce 2007/05/18
    色を選ぶときにはその三つのパラメータよりも「トーン」というものを意識したほうが、見た目や印象のコントロールの役に立ちます。
  • 新SNS「Twitter」--初心者のためのスタートガイド:スペシャルレポート - CNET Japan

    もしあなたがまだ「Twitter」を使っていないなら、乗り遅れた気分かもしれない。Twitterはいま最もホットな話題だが、見方によってはすでにピークを過ぎたとも言える。「South by Southwest 2007」(SXSW)カンファレンスのギークたちの間でやたら騒がれているとか、楽しさをつかみ損ねたTwitter嫌いたちの不満を聞かされたとかいう理由で、手を出すのを先延ばしにしたりしないほうがいい。Twitterは、グループや友人どうしで使うための、おもしろくて実際に役に立つ、リアルタイムのメッセージングシステムだ。ただ、この「クラブ」にどうやったら加われるかはそれほど明確ではない。そこで、この新しいプラットフォームへの初心者向けのガイドをお届けしよう。Twitterの機能すべてを紹介するわけにはいかないが、とりあえずスタートする助けにはなるだろう。 Twitterとは何か Twi

    新SNS「Twitter」--初心者のためのスタートガイド:スペシャルレポート - CNET Japan
    ag-commerce
    ag-commerce 2007/05/02
    もしあなたがまだ「Twitter」を使っていないなら、乗り遅れた気分かもしれない。Twitterはいま最もホットな話題だが、見方によってはすでにピークを過ぎたとも言える
  • 検索ランキングで上位に食い込む秘訣(ホントは秘訣でもなんでもないけどサ) | Web担当者Forum

    SEO(検索エンジン最適化)の「秘訣」とやらを吹聴している、信用ならないひどいページがあるけど、ああいうのは嫌だね。ぼんやりした1980年代風の写真に写った、口のうまいセールスマンが「SEO業者が知られたくない裏ワザ」をお教えしますなんてやってるけど、ああいうのは大嫌いだ。検索畑の人たちはSEOにおける「究極の秘訣」というと、たいていは次のうちのどれかを考えるようだ。 タイトルタグ内のキーワードスパイダーがたどれるリンクとコンテンツリンクのアンカーテキスト質の高いウェブサイトから張られたリンクまあ、どれもなかなかのアドバイスだし、検索結果で上位を勝ち取るためには重要なことばかりだ。でも、最後の「質の高いウェブサイトから張られたリンク」をとってみても、上位獲得のキャンペーンが成功するための、肝心な部分を伝えてはいないな。検索結果で上位にランクされるための鍵、つまり、GoogleYahoo!

    検索ランキングで上位に食い込む秘訣(ホントは秘訣でもなんでもないけどサ) | Web担当者Forum
    ag-commerce
    ag-commerce 2007/04/25
    検索結果で上位にランクされるための鍵、つまり、GoogleやYahoo!のトップに通じるドアの鍵を1つ挙げるとするとこれだ:ウェブサイトはリンク実績が豊富なネット利用者にアピールせよ。
  • CSS 2.1のエッセンス -- 脱初心者をめざす人のためのホームページ作成講座

  • 押さえておきたい15のJavaScriptスニペット:phpspot開発日誌

    WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み&フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ&ドロップなショッピングカート ドラッグ&ドロップなソート可能リスト JavaScriptのロギング&デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム&スライドショー スライドダウン&アップアニメーシ

  • 黄金比をサイトのデザインに取り入れる簡単な3つの方法 | コリス

    その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、1つの値

    ag-commerce
    ag-commerce 2007/03/30
    黄金比とは、「1:1.618」からなる比率で、最も美しい比率と呼ばれています。
  • 写真がめくれた感じを表現する | DesignWalker

    写真がめくれた感じを表現する | DesignWalker
    ag-commerce
    ag-commerce 2007/03/30
    Photoshopを使って影の調節など、ちょっとした工夫で、かなり立体感のある、いい感じのめくれを表現できますね~!
  • ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP

    これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい(死語?)デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X

    ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP
    ag-commerce
    ag-commerce 2007/03/29
    これを使えば簡単に2.0っぽい(死語?)デザインを作ることができますね。
  • SEOのエキスパートと初心者を隔てる14の壁 | Moz - SEOとインバウンドマーケティングの実践情報

    僕たちの業界は、この5年間で途方もなく成長した。Danny Sullivan氏が最初のSearch Engine Strategies(SES)カンファレンスを開催したとき、世界中で自分のことを検索エンジン最適化(SEO)屋と名乗る人は5000人にも満たなかったんじゃないだろうか。現在、自分のことを検索エンジンマーケティング(SEM)担当と名乗る人の数は、おそらく10万人近く、あるいはもっと多いかもしれない。 しかし、SEOやSEM担当のエキスパートと初心者を隔てる要素はたくさんある。その中からいくつか紹介しようと思う。 これから書くそれぞれの特徴は、企業が検索トラフィックを最大限に活用できるよう支援する検索コンサルタントについて述べたものだ。 ブランド企業での経験 一般にエキスパートは、Fortune 500企業(あるいはFortune 1000企業)での経験を持っているが、初心者は名の

    SEOのエキスパートと初心者を隔てる14の壁 | Moz - SEOとインバウンドマーケティングの実践情報
    ag-commerce
    ag-commerce 2007/03/20
    企業が検索トラフィックを最大限に活用できるよう支援する検索コンサルタントについて述べたものだ
  • 『色の決まりを知っていれば「センス」がよくなる』

    システム会社に「色はとりあえず適当にお願いします」と言ってあがってきたものを見ると「えーっ」という配色になってあがってくることがよくある。「適当に」と指定していない自分が悪いのだが色をすべて指定しないと使ってはいけない色の組み合わせを使ってきてしまうのだ。 という私も初めて自分でチラシのデザインを作った時は「韓国風の色遣いだね」とつっこまれたが、緑や赤の原色を多様してしまった。(韓国の色づかいが悪いと言っているのではありません)そこでデザイナーさんに進めてもらったのは配色辞典。そこにあげられている色を使えばたちまちセンスの良い色遣いができるようになるのだこれホントに。 たとえば参考サイトは http://www.colourlovers.com/ これを見ると3色とか5色の色があげられているのでその色の組み合わせを使ってあげるとセンスがよくなる。 ああ、なんと便利な。ちょっと知ってるだけで

    ag-commerce
    ag-commerce 2007/02/27
    デザイナーさんに進めてもらったのは配色辞典。そこにあげられている色を使えばたちまちセンスの良い色遣いができるようになるのだ
  • 1