デザインや機能、構造など参考になりそうなWebサイトを紹介するネタ帳的なサイトです。キャンペーン/スペシャルサイトや学校のサイトが多めです。
デザインや構造の参考になるWebサイトのリンク集｜Tau Magazine
デザインや機能、構造など参考になりそうなWebサイトを紹介するネタ帳的なサイトです。キャンペーン/スペシャルサイトや学校のサイトが多めです。
商用利用無料、小さいながらも細部まで丁寧に作りこまれたアイコン素材 -Crisp Icon Set
シンプルでくっきりしたデザインのアイコンのベクター素材を紹介します。 カスタムシェイプやRetinaディスプレイ用も完備です。 アイコン全108種類 ダウンロードできる素材のフォーマットは、ウェブ制作者に嬉しいさまざまなものが揃っています。 .psd -プレビュー・シェイプ・Retinaディスプレイ用の3種 .png -そのまますぐにアイコンとして使う用 .csh -Photoshop用のカスタムシェイプ .psd, .pngは、16x16, 32x32, 48x48の3サイズが完備。 PSDはアイコンごとにレイヤーが保持されています。
HOWARO（ホワロ） リンナイ 白いガスコンロ | リンナイ公式通販
HOWARO 販売価格（税込）：¥ 20,280 （税抜：¥ 18,436） HOWARO C ※ココットプレート付属販売価格（税込）：¥ 37,800 （税抜：¥ 34,364） HOWARO C plus ※ココットプレート付属販売価格（税込）：¥ 51,400 （税抜：¥ 46,727）
縦や横に長いサイト「高級ペライチ」1度は見ておきたいスクロール演出のまとめ32個！
HTML+CSS+JavaScriptでつくるサイトの定番演出「高級ペライチ」！ HTMLファイ部の「HTML5の鬼」ことほんだです。 カヤック社内では「高級ペライチ」という愛称で呼んでいる縦や横に長い1ページサイト。 スクロールに合わせたパララックスやアニメーションの演出が印象的ですよね。 今回は「高級ペライチ」とググると1位に表示される、 僕のはてブ「高級ペライチ」タグから厳選32サイトを紹介します！ まずは王道！縦に長い高級ペライチ
私がウェブサイト作成時にお世話になっているサイトをご紹介
こういうのを集めだすときりがないのですが、個人的に本当によくお世話になっているサイトに絞って紹介してみます。 有名なサイトばかりですがサイトを作るにあたってお世話になる順に紹介していきます。参考になればうれしいです。 Webデザインギャラリー | I/O 3000 まず、ギャラリーサイトでサイトのイメージを膨らませます。カテゴリ、タグ、カラーで整理されており、とても探しやすいです。 このようなギャラリーサイトは他にもありますが、ページ変遷なしで次を読み込むのでとても見やすいです。 他にはこんなサイトをよく見ます。 WEBデザインの見本帳 Web Design Clip 【Webデザインクリップ】 【HTMLタグの簡単検索】TAG index - ホームページ作成情報 プロの方はPhotoshopで描いてからコードを書いていくみたいですが、私は最初からHTMLを書いていきます。 一応Drea
slayeroffice : color palette creator v1.6
This tool was inspired directly by the excellent Creating Color Palettes article by Andy Clarke. It will create 10 shades of the base color, located top-left, at varying degrees of opacity. The top row emulates opacity over a white background, the bottom over black (or colors of your choosing as of v1.4). The opacity values are 100% opaque, 75%, 50%, 25% and 10% on the top row. The bottom row begi
カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」
込められた意味がよく分かるクリエイティブなロゴいろいろ
Webデザイン意味を持たせる 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 インスピレーション向上に。 以前記事にした、Amazonや Fedexなど、意味を込められ、 作られたロゴを参考にしたい と思って個人的に探しました。 ロゴ制作をされてる方にも 少しは参考にして頂けるかと 思ってシェアしたいと思います。 こういうロゴを作りたい、というロゴ集です。どのロゴでも意味はあるのでしょうが、どの国の人が見ても、意味が分かるようなロゴはなかなか凄いですよね。インスピレーション向上になります。冒頭の「以前の記事」もよかったら。 City Cliq 指とボタンでcliqを表現しつつ、指とボタンが「太陽と街(city)」にも見えるように工夫されています。 City Cliq Birdie バーディとバードをかけて、アイアン
ロゴジェネレーター（googleロゴジェネレーター、アニメのロゴジェネレーターなど）
無料で使えるタイトルロゴジェネレーター（ジェネレータ）まとめ ネット上で簡単にロゴを作成できるサイトをご紹介します。ここで紹介しているものは全て無料ツールで会員登録などが不要で使えるものなので、お気軽にお試しください。 ロゴジェネレーターは著作権の関係で公開が停止することもよくあります。その点ご了承いただければと思います。 あの企業・サイトのようなロゴを作成！ amazonっぽいロゴを作る amazon logo maker amazonのロゴはaからzに向けて矢印が描かれています。これはaからzまで何でも揃うという意味を込めているそうです。（笑った口に見えるという意見も多いですが…） （作り方） ボックスの中にロゴにしたい単語を入力する。※アルファベットのみ。日本語は入力できません。 ↓ 「make」ボタンを押す。 ↓ ※画像をそのまま右クリックで保存はできないので、画面キャプチャーで保
hibi-logo｜日々ロゴをつくるblog
hibi-logo｜日々ロゴをつくるblogその場でデザインしてスマートなロゴを購入できるサービス LogoYes を利用して、ロゴを作ったりちょっとしたコツっぽいものを日々紹介。 米国生まれのオンラインロゴサービス「ロゴイエス・ジャパン」スタッフの hime でございます。 ナカジマさんからこのブログサイトを引き継ぎました！！ でもナカジマさんがロゴイエス・ジャパンやめたわけじゃないので心配しないでくださいね。 ロゴイエスのお客様が日々作るロゴや、毎日街中で見かけるロゴを通じた世界の広がりを感じています。 基本的にこのブログで紹介したロゴは、ロゴイエスのDIYロゴサービスで作っているので、皆さんでも同じようなロゴが作れますよー！ 購入するまで何度も試しにつくってみることができますので、お試しください！ こんにちは。 ロゴイエスのソーシャルマーケッターの hime でございます。 「ロゴを
デジタル＠備忘録 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
「ホームページ」「Webページ」「Webサイト」の違いは？ ｜ PC・IT・WEBの基礎知識｜はじめの一歩
ホームページ ウェブサイト 違いについてお勧めの本 イラスト図解式 この一冊で全部わかるWeb制作と運用の基本 イラスト図解式 この一冊で全部わかるWeb制作と運用の基本 企画、設計、デザインから、構築、集客、改善まで、Webサイトのことがこの1冊でわかる! 本書は、新しく企業内のWeb担当者になった方や、これからWeb制作にかかわる方を対象に、 ・さまざまな専門用語の意味 ・Webサイトを成り立たせる仕組み ・Webサイト設計、構築の考え方、進め方 ・デザインの発注、ディレクション ・成果を上げる運用方法 などを、ゼロからわかりやすく解説する入門書です。 ・そもそもWebサイトはどのように作られるのか? ・制作会社、開発会社を上手く使うにはどうすればよいのか? ・どのように運用すれば成果を出せるのか? といった疑問がスッキリ解消! 数多のWebサイトの制作・運用に携わってきたプロが教える
みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。よろちく
みなさんが「ここの作成会社はいいサイト作ってるなー」って感じるweb作成会社を教えてください。 いろいろ探してるけど、いかにも商業的で微妙なやっつけ仕事の会社しか見当たらないです。 カヤックやキノトロープなどの大手よりも、できれば小規模の会社で教えてくれると嬉しいです。 よろちく
カーニング（文字詰め） - Webデザインテクニック
カーニングについて タイトルなどの文字を画像で作成する場合、その文字をより美しく見せるためのテクニックとしてカーニングというものがあります。 これは、フォントを用いた時にできた文字と文字の間の余白を詰めるもので、特に等幅フォントに有効です。 → カーニング前 例えば、上のフォントの場合、小さい「ェ」の間が大きく開いてしまい、少し見栄えが悪くなっています。そこで、カーニングを行います。 → カーニング後 詰める間隔は、１文字ずつの余白を確かめつつ、全体のバランスを考えて決めます。「デ」と「ザ」のように間が詰まっている時などは少し間隔を広げてみるのもいいでしょう。 カーニングの例 文字間の●は特に注意してカーニングを行って欲しいところです。 → カーニング前 → カーニング後 小さい文字にだけ注目するのではなく、細い文字同士の余白にも注意しましょう。 → カーニング前 →
バナーデザインまとめブログ
Author:bannerblog 気になるバナーデザインのまとめブログ。 バナーデザイン、バナー広告、バナー製作の参考に！日本、海外のバナーデザインを合わせて紹介していきます！！ flashバナーデザイン、バナーデザインのインスピレーションにどうぞ！！ 最新記事 【バナーデザイン】スマホ Galaxy S2 SC-02C (06/27) 【バナーデザイン】DIESEL オンラインストア (06/16) 【バナーデザイン】今年こそ、「新築物件が買い」なワケ Yahoo!不動産 (06/06) 【バナーデザイン】Yahoo!モバゲー版 ザ・タイピング・オブ・ザ・デッド (06/03) 【バナーデザイン】ユニクロ誕生感謝祭 27年目のユニクロから「ありがとう」のきもちをこめて (05/23) 【バナーデザイン】ななぱち 基本プレイ無料で遊べるパチンコ・パチスロ (05/16) 【バナーデザイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン枠専門サイトFRAME Design – 1000以上の飾り枠のある素材サイト
色々なバナー - daiwipo’s blog
Illustratorを覚えたいと思っている人へおすすめ記事
吹き出し素材専門サイト「フキダシデザイン」
バナー広告デザインのまとめブログ