このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ

前回の投稿からかなり空いてしまいました。はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。さて続きです。・・・前回の投稿からかなり空いてしまいました。 はてブ砲によりかなりアクセスが伸びてしまい、プレッシャーでいい記事を書こうと思えば思うほど腰が重くなってしまいました。というのはウソでずっとときメモやってました。 次回からはもったいぶらないで何かエントリを書く際は一気に書こうと思います…。 さて続きです。 前回非デザイナーのためのエントリーだからwebサイトじゃなくてチラシにしよう、と思って記事を書いたんですが 駆使するツールがもちろんweb上にあるものなので、カラーもweb用になってることを失念

せっかく前回の記事、非デザイナーのためのデザイン基本テクニック　その１が たくさんブックマークされたりツイートされたりしたので、記事ページにtweetボタンとはてブボタンをつけてみました。 といっても、前回の記事3ヶ月も前なんですけどね・・・せっかく前回の記事、非デザイナーのためのデザイン基本テクニック　その１が たくさんブックマークされたりツイートされたりしたので、記事ページにtweetボタンとはてブボタンをつけてみました。 といっても、前回の記事3ヶ月も前なんですけどね・・・ 3ヶ月も続き物の記事を放置して何をしてたかというと、ずっと ときメモGS3をやっていました。 ようやくコンプ…熱も冷めてきたのでサイトをリニューアルしたりしていましたが、 そちらも今日暫定的に公開しましたのでブログにも力をいれていきたいと思います。 非デザイナーのためのデザイン基本テクニックその２はきっ

タグ一覧 タイトルロゴ(159) プライマリナビゲーション(72) グローバルナビゲーション(246) メインビジュアル(95) 見出し(326) 文字装飾(10) アクセント(29) サイドメニュー(142) ログインフォーム(68) タブ(55) テーブル・表(23) 地図(12) 特集バナー・内部リンク(525) Twitterアイコン・バナー(64) RSSアイコン・バナー(41) フォーム(9) アイコン(195) ＜前へ 次へ＞(12) 検索窓(149) パンくずリスト(12) このページのトップへ戻る(52) フォントサイズ変更ボタン(34) 問合せ・送信・購入ボタン(72) 電話番号(41) フッター・コピーライト(99) ニュース・ポータル・検索(207) ファッション(200) 音楽・ゲーム・コンテンツ配信(58) ネット関連サービス(86) オンラインショップ(308

各種チュートリアルをはじめ、写真画像やベクター素材、アイコン、フォント、カラーなどウェブ制作に役立つウェブデザイナーのための検索サイトを紹介します。

初心者からプロまで幅広く利用できる、サクッとロゴ作成の時間と手間を短縮してくれるジェネレータをまとめました。 オリジナルロゴ作成 Web 2.0 Free Logo Generator WEB2.0風なロゴ Link LogoCreator WEB2.0やリフレクションなど5タイプ使える Link フリーフォントで簡単ロゴ作成 日本語フリーフォントでロゴ作成 Link Supalogo グラデーション色の設定をして文字を書いたら出来上がりの簡素なもの。 Link Logo Design Engine リンクウェアですが、300種以上のロゴイメージあり Link Xara3D 6タイプの3Dロゴ作成ジェネレータ Link GRSites Text Logo Maker 2D,3D,アニメのロゴが作れます。 Link COOLTEXT いろいろなエフェクト集 Link 3Dテキスト.in ３Ｄ

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し（hタグ）のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor

Coming SoonGet ready, something cool is coming!