デザインの刺激

カテゴリ - 『 デザインの刺激』の一覧


フォトショップデザイナーの神業的デッサン動画9本


デザイン

言葉がでませんね。
ここまで書けたらWEB素材にも困る事が無くなるかもしれません。

私には無理だ・・・。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト+2200以上の無料HTMLテンプレ


DesignSense
これまで、統一カラーサイト30選・緑、赤、青をシリーズで公開しているブログをご紹介してきましたが、さらに茶色と黒が追加された為、計150となりましたのでまとめてご紹介していきます。

様々な統一されたサイトのセンスやWebの形を盗み、それでも尚足りないと思う人もいるかもしれませんので、HTML&CSSのフリーテンプレートサイト『OpenWebDesign』をご紹介しておきます。

書店に売っているデザイン参考書を読む前に、一度目を通しておいても損は(きっと)ないですよ。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

フリーで使えるオシャレなフォント500種類


フォトショップやイラストレータ等を使っている方は必見かもしれない。
日本語が出来るか試したわけではないですが、恐らく日本語は対応していません。
フリーフォント

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

クォリティの高いフリーで使えるベクトル画像11選


bittbox
はてなユーザーならおそらく既に知っている方もいるかもしれませんがhttp://www.bittbox.com/からのまとめ。

bittboxで提供されているフリーのベクトル画像ダウンロードページを11ページ抽出してまとめました。
フォトショップやイラストレータなどの、加工できる段階のベクトル画像と言うあたりがいいですね。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

青で彩られたWebデザイン設計30サイト


BLUE30
またまた海外で色シリーズを更新された。
勉強になりますね。

FC2blogrankingのWeb製作部門を見ておく人はこちら

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

チュートリアル:photoshopで手軽にストライプ模様をつける方法


ストライブ
ホームページを作る人ならストライプを華麗に使いこなしている人もいます。
今回この記事によって、Web2.0っぽいストライブデザインをフォトショップのデザインの中に自由に使えるようになります。

あと上の参考画像。
よりによって筆者、水色ストライブを作ってしまってちょっとダサいので、作るときは皆さんのセンスでかっこいいデザインに仕上げてください・・・。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

デザイン視覚の参考に。緑と赤のBESTサイト全60サイト


green WebSite

30 Green Websites
こちらが緑のサイト30。
記事本文を見ると・・・

Carrying on with the color websites series, today we take a look at green websites…


なにやら色のシリーズをやっているようだ。

赤色サイトも30サイト集めていらっしゃったので参考までに。

redWebSite
30 Red Websites

赤は色が強いだけに使い所が難しい。
それをサイト全体で表現されるというのは、これを見て非常に素晴らしいとおもいました。

私の中でのベスト


red

ここいいですねぇ。
コップの泡とろうそくの光にうっとりしてしまいました。

WINDOWSペイントを使ってモナリザの絵を2時間半で描いた映像早送り+鉛筆デッサン2本


モナリザ
あのWINDOWSペイント・・・なのかどうかがよくわからないのですが、見た感じペイントを使って、上のような画像を作り上げてた動画。2時間半を5分で表示しています。
かなり勉強になりました。

その他鉛筆をつかったデッサン風景を2本。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

サイト案内のリンクをバナー画像にすると、クリックされにくい理由と対策


現在のサイト内を案内するバナー広告のありかた


バナー色々筆者の言うバナー広告とは、外部に対するバナーではなく、サイト内部で使用する画像についてのお話なんですが。

最近考えるようになったものとして、サイト内を案内する為に、特にピックアップしたいページへのリンクとしてバナー広告のような画像を使用するケースもあります。

このバナー広告、実はあんまり効果が出ていないのです。

もしもさらに良い方法を教えていただけるならコメントにでもお願いします。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

見た目に印象が残るインパクトのある海外10サイトまとめ


印象に残るサイト10

見た目の印象が強かった海外サイト10を選んでみました


筆者の独断と偏見で集めたサイトです。
ご参考までに。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

デザイナーは自分の欠点に目をつぶると、かえって長所が伸び悩む


デザイン
WEBデザイナーにしても、イラストデザイナーにしても、創作、工夫という面では同じです。

2年前、私がちょっとした不注意で交通事故にあい、3ヶ月入院しているときに、イラストレーターで印刷物を作るプロのデザイナーさんにお会いしたときの事です。

私は今でも彼の話が忘れられないのが『デザイナーの欠点』についてのお話でした。

このお話は、作品展を開くようなデザインーとはちょっと違います。あくまでもクライアントからの発注を受けるデザイナーのお話です。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

いつかは作ってみたい海外スタイリッシュサイト30選


デザイン
いつかこういう素敵なサイトを作ってみたいという海外スタイリッシュデザインサイトのご紹介です。

FC2Blogrankingはこちら

30 Great Website Designs (Part1)
↑こちらで参照してください

関連エントリー

illustratorに関する記事をはてなから7つ再発掘してみます


illustrator

前回photoshopのまとめを掲載したところ、設計や、デザインの仕事している取引先に大変評判が良かったんです。

考えてみると、実際にまだ私の周りには『はてな』を知っている人が意外と少ないことに気がつきました。ネットにどっぷりとつかって為、どこかで『はてなの記事を使わないようにしないとなぁ』なんて考えていたのかもしれません。

そこで今回は私の周りの人たちのために、はてなブックマークのエントリーからillustratorに関する記事をピックアップしてみることにします。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

初心者でも使いやすいCSS入門『テーブルのセルごとにカラーを変える』サンプル


今回は初心者さんでも使いやすいテーブルのセルごとにカラーを変えるCSSのサンプルをつくってみました。

CSS適応前(これが)

CSS適応後(こうなる)

早速使い方からいきましょう。

このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

『photoshop』に関する過去のブクマエントリーを12個掘り起こしてみる


photoshop
はてなブクマされているエントリーのうち、photoshopというキーワードをもち、かつ、テキニック向上の為のエントリーをさらに厳選して12個にまとめてみました。

  • [N] Photoshopによるスピードペインティング動画
  • [N] PhotoshopでWeb2.0風ロゴを作る方法
  • PhotoshopでWeb 2.0風 ウェブデザイン チュートリアルを実際に試してみた - デザインウォーカー
  • 動画で学ぶPhotoshop (27のテクニック) | P O P * P O P
  • Web2.0風デザインのための秀逸チュートリアル68選 Web 2.0 Webdesign-Tutorials | Dr. Web Weblog
  • Photoshopのチカラを最大まで引き出した写真いろいろ - GIGAZINE
  • Photoshop なんてもういらない!オンラインで写真加工 厳選10ツールを使ってみた。(もちろん全部無料) - デザインウォーカー
  • フリーで大量のPhotoShopブラシを入手できる「Brusheezy」:phpspot開発日誌
  • 無料のPhotoshopブラシ - Download Free Photoshop brushes and patterns
  • Photoshopの無料ブラシを使って、たった3分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー
  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | P O P * P O P
  • sta la sta - Photoshopを使って簡単に写真をポップにするテクニック


  • ブログ内関連エントリー
  • なぜAdobeは今になってWeb2.0化を始めたのかをまとめてみる

    Web2.0、以前からもMacの影響で人気の高いアクア風素材関連サイト10選


    というわけで、アクア風の素材関連サイトを10ご紹介です。

    Blogranking

    このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

    Web2.0デザインをステルスデザインと比較する。


    ホームページ作成、WEBデザインは、インターネットで作業を行うWEBデザイナー達にとって、いつも新しい『形』を探すためのキーワードとなっている。

    これまで、様々なデザインの呼び名が存在しています。

    まず基礎となるホームページの形
  • ボックス型
  • F型2カラム
  • 3カラム式

  • と、大まかにこの3つが基盤として使用されている全体の形です。

    F型2カラムについては、人はインターネットのWEBサイトを見た時に、F字を描くように文字を見る為、その配置にメニューなどを入れる方法とされ、今では最も使われている手法。逆F型2カラムも人気です。

    カラムとは、簡単に表すと縦列の数で、当サイトのような形を2カラムと言います。

    ボックス型とは、中央に箱を作り、その中でのみ変動して閲覧するタイプです。コンパクトですが、情報量が少なくなってしまう為、現在のSEOとの相性が悪く、最近あまり見かけ無くなりました。

    そこにてきて、WEB全体を支配するCSS(スタイルシート)の登場が、デザインを大きく変動させていきました。

    さらにWEB2.0デザインなどという言葉も誕生。
    世のWEBデザイナーさんが勉強しなくてはいけない事がかなり増えてしまって、なかなか大変な世の中です。

    そこで、簡単ですがWEB2.0デザインを、ステルスデザインとの定義を比べ、最も今使われている手法をまとめてみました。

    このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

    WindowsVistaの画面ムービーまとめ


    ついにVista発売ですね〜。
    そこでWindowsVistaの画面ムービーをまとめてみました。
    まだちょっと手がでないですねぇ。
    慣れるまで2〜3日遊んでしまいそうで怖いです。

    WindowsVista

    このエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク     続きを読む ≫

    おっとこれはブックマークしておこう。Photoshopの無料ブラシでプロ並みのグラフィックを作成する方法


    フォトショップ(photoshop)でホームページ素材を作ったり加工したりするなんて事はよくある事です。
    そんなフォトショップの無料ブラシ機能をつかって3分でプロ並みのグラフィックを生む方法が記された記事がありました。

    デザインウォーカー

    なかなかいい物がありましたね。
    今後の製作にちょっと使ってみようと思いました。
    皆さんも興味があればどぞ。

    デザインの勉強をしてない人でも、簡単にクールな配色作れるジェネレータ


    配色はホームページを作る上で大事な要素ですが、それらを悩む事無く生み出すサイトがあります。私も得意な色と得意でない色がありますが、毎回毎回、得意な色ばかり使っているわけにもいかない。
    そんなときにお世話になっているサイトです。
    まだ使った事の無い色を使うときに便利です。

    デザイナー泣かせのプログラム。
    内容のよいサイトをつくっても、あまりにもひどいデザインのサイトには何故か人が集まらないのが今の時代。
    そんなサイトの配色をある程度作ってくれるというサイトです。

    Color Scheme Generator 2
    おおまかな色を決めると、各パーツの色をデザインしてくれる。

    Color Palette Generator
    ロゴ画像をアップロードすると、そのロゴに合わせてサイトの配色を作ってくれるサイト。≪ 前のページHome

    スポンサード リンク

    ホームページを作る人のネタ帳トップへ

    ≪ 前のページHome

    SPONSOR2

    ブログ記事を検索

    Google

    カテゴリー

    月別過去記事

    私のおすすめ書籍

    最近のトラックバック

    リンク

    お問い合わせとか

    お問合せ、広告について

    名前:
    メール:
    件名:
    本文:

    最近のコメント

    プラグイン

    あわせて読みたい

    フィードメーター - ホームページを作る人のネタ帳

    SPONSORS


    このブログについて

    当サイトはインターネットでのデザインや、ホームページ作成に関する私Yamadaの個人的勉強をネタとしてご紹介するサイトになっています。 
    >> 管理人プロフィール
    >> このブログの人気記事
    メールでホームページを作る人のネタ帳を購読





    私が個人的に運営しているサイト
    ■ブログ支援【e】パレット2(NEW!)
    ■アイデアノート
    ■WEB9.0 ホットなWEBサービスを
    ■どばっと動画検索 イーチューブ
    ■ブログネタ収集用『BMF』
    ■PHPプログラムを作る人のメモ帳
    ■SEO上級者マニュアル

    この日記のはてなブックマーク数

    最近のエントリー

    タグクラウド

    ITクオリティ

    自然イメージチュートリアル
    美しい3Dテキストのインスピレーション
    wordpress
    ポスターのインスピレーション