デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです。 gettyimages 商用利用:有料 素材:写真・イラスト・動画・音源
![デザイナーなら必ず知っておきたい国内素材サイト22選 | designaholic](https://cdn-ak-scissors.b.st-hatena.com/image/square/090daf2376562a5a41d4912d33a29b1eb36ce03b/height=288;version=1;width=512/http%3A%2F%2Fdesignaholic.cc%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png)
このブログ、Webデザインレシピのデザインをリニューアルしました。 この機会にデザインを勉強したことがない人でも、楽しくデザインをすることができるかもしれない、基本原則 4つをご紹介します。 この原則は「ノンデザイナーズ・デザインブック」著者 Robin Williams で詳しく解説されています。 古い本ですが、とっても素晴らしい本で今では新装増補版となって発行されているようです。 今回、このブログ – Webデザインレシピのデザインを、ガラッと変えてみました。これを機会にちょっとデザインの基本というか、デザインをするときにガイドとなる、4つの原則をおさらいしておきます。Webデザインに限らず、会社で提出する報告書や学生さんのレポート、レストランのメニューなど、ページと呼べるものには全部当てはまると思うので、Webサイトを作るとかじゃなくても、知っておいて損はないかもしれませんね。 せっ
年始から手書き風画像のフォントとかどうなってるんですかという問い合わせが多いので、今回はphotoshopで、手書き風の画像を作るときに便利なブラシとフォントをまとめてみることに。 手書き風photoshopブラシ ※以下画像をクリックでブラシファイル見本を開きます。 ダウンロードしたファイルを解凍します。 次にphotoshopを開き、『編集』→『プリセットマネージャー』を開きます。 そのごブラシを選択し『読み込み』から解凍したブラシファイルを読み込みます。 1)69 Doodle arrow brushes ダウンロードページ 手書き風の矢印豊富。 2)Free Arrow Brushes ダウンロードページ 手書き風の矢印の中では量が豊富なブラシなため、人気。 3)U Rock Photoshop Brushes ダウンロードページ ロックな感じのブラシ集。 4)Cute Rando
マラソンに夢中! nonakaです。 毎週通販サイトのhtmlメルマガを作っているので、他の通販サイトのメルマガも多数購読してます。 今回は、通販サイトのhtmlメルマガを集めてみました。 通販サイト html形式メルマガまとめ セレクトショップ:BEYES(バイズ) 【メルマガの横幅】600px。 【構成】バイヤーからの一押しアイテム、毎週更新される特集ページバナー、新商品情報、ファッションコラムなど。その他、購入者限定のメルマガも配信してます! 靴下専門店:Tabio(タビオ) 【メルマガの横幅】713px。 実際のメルマガ用のhtml 【構成】雑誌掲載商品、季節のリコメンド、ランキングなど要素が豊富! 無印良品 【メルマガの横幅】569px。 実際のメルマガ用のhtml 【構成】バナーが縦に並ぶ構成が多い。 facebookやtwitterの案内もさりげなくヘッダーに入っている。 z
手相講座 オンラインが気になるなら、こちらのウェブサイトをよくチェックしたほうがいいです。 そして、あなたがすぐ副業になる 手相オンライン講座を購入しようとしているなら、上のウェブサイトで、すぐ副業になる 手相オンライン講座を手に入れると一体何ができるようになるのかについて、十分に理解した上で購入することをおすすめします。 また、レビューや評価が紹介されているなら、それについてもよくチェックしましょう。 下記のすぐ副業になる 手相オンライン講座についての情報も役に立つかもしれません。 商品名:すぐ副業になる 手相オンライン講座 販売商品紹介:手相をゼロから学んで副業になる!覚えなくても始められる!基本となる丘・線の解説に加え、応用力がつく読み方や豊富な実例も紹介。特典動画ではさらに学びを活用し副業にしていくための方法も解説した有料鑑定をやるための情報に特化した手相講座です。 電子書籍価格:
最近のトレンドを踏襲した、ディテールの作りこみも丁寧に解説されたウェブデザインを作成するPhotoshopのチュートリアルを紹介します。 ここ半年くらいに公開されたものから厳選しました。
1要素に1クラスを指定するだけで、画像も使わずさっと作れるiPhone風CSSライブラリを作ってみました。 最近Macがほしくてたまらないえどです。こんにちは。(降ってこないかな・・) ↓実際に動いているデモはこちら(iPhone向けに作っているため、iPhone/Safariでしか最適化されていません) 1要素1クラス、画像を一切使わずにCSSで実装するiPhone UI - jsdo.it - share JavaScript, HTML5 and CSS ちなみにiPhoneで実際に見るとこんな感じに見えます↓ iPhoneで実際に見るには、以下のURLから見れます↓ (jsdo.itだとviewportが使えないため、ブログ自体にデモをアップしました) http://goo.gl/s5fV 1要素1クラスで実現する 今回のサンプル作成でこだわったのは、1要素に1クラスを指定すること
納期がせまっている時などに、浮かない表情でコンピュータのスクリーンをじぃーと見つめていることはありませんか? これはグラフィックデザイナーにとって、ごく普通に起こりえることです。 そんなプレッシャーを克服して、クリエイティブでいるための5つのTipsを紹介します。 タイポグラフィは、ウェブを含めポストカードやビジネスカードやパンフレットなど、ほとんどのグラフィックデザインで機能します。クライアントからタイプフェイスの指定がないのであれば、自分から使用するタイプフェイスについて尋ねてみてください。 タイプフェイスを最終的に決めるポイントは、クライアントについて論理的に考えることです。そしてデザインの残りの箇所にそのアイデアを使ってください。 2. カラーを選ぶ シンプルでクリーンなデザインを保つためにグレースケールを最初に勧めるデザイナーはたくさんいます。カラーで困っている時、確かにそこから
Twitter公式ウェブの新デザインはもう試しました? あれ見て、「はて? どこかで見たような...」と思った方は鋭い! そうなのです、黄金比(Golden Ratio)になってるんですねー。 Googleトップデザイナーの職を辞めて話題を振り撒いたTwitter現クリエイティブディレクターのDoug Bowman氏が、その発想の源をFlickrに公開し、明らかになりました(上図)。 黄金比は古くは古代ギリシャの時代からあり、フィボナッチ数列で有名になったコンセプトですよね。この比率の四角形は黄金四角形といって、正方形を切り取ると、残る長方形も黄金四角形になって、延々正方形ができていく永久スパイラル。パルテノン神殿からモンドリアンの絵画、巻き貝など、至るところで目にすることができます。 それが毎日のツイートにも! [Flickr via Laughing Squid] Brian Barr
Liebe Besucher von FootballPantherShops.com, Wir möchten Sie darüber informieren, dass die Webseite FootballPantherShops.com nicht mehr weitergeführt wird. Diese Entscheidung wurde getroffen, um Ihnen eine noch bessere Nutzererfahrung zu bieten und Sie auf neue, spannende Inhalte aufmerksam zu machen. Während die Seite nicht mehr aktiv ist, empfehlen wir Ihnen zwei hervorragende Alternativen, die
実は隠された裏の意味を持つ企業ロゴいろいろ 企業や製品のブランドには様々なロゴが用意され、名前や関係したデザインが盛り込まれています。 それぞれ良く考えられた末の意匠ですが、中には二通りの裏の意味を持つ、ひねりのあるロゴもあるんです。 実は隠された意味を持っていた、良く知られた有名企業のロゴをいくつかご紹介したいと思います。 Vaio 言わずと知れたソニーのVaioのロゴですが、実は隠れた意味があるそうです。 前半の2文字が正弦波でアナログを示し、最後の2文字が1と0の2進法でデジタルを表現しています。「アナログとデジタルの融合」をスローガンとしているとのことです。 Amazon ネットショッピングでおなじみのアマゾンですが、実はちょっとした哲学を反映しているそうです。 黄色の矢印は、客に満足させたい意味を込めたスマイルの口のようになっています。その矢印がaとzを指しているのは、アマゾンに
友人がブログを始めたのですが、 Web制作もデザインも全く経験が 無いけど、普通な感じがすごく嫌 らしく、知識が無くても加工出来る、 とか良いサイトとかソフトは無いのか、 と聞かれて教えたWebサービスや ソフトが、同じ境遇の方に役立つかも と思って記事にします。 普通に写真や画像を掲載するのではなく、ちょっと個性的な感じにしたい、出来れば無料がいい、でも自分でデザイン作業は出来ないから良いサイトとか無い?とのことでした。 どうしたいのか良く分からなかったので、あんまり一貫性は無いんですが、教えたのは画像加工ジェネレーターとかそういうのです。いくつか提案した中で、友人が喜んでたサイトだけまとめてみます。 BeFunky 画像を加工するジェネレーター。レトロっぽくしたり油絵っぽくしたり。エフェクトも豊富です。 BeFunky flauntR これも加工ジェネレーター。エフェクト以外にフレーム
ボックスやボーダーはウェブレイアウトでコンテンツを組み立てるためによく使用される便利なパーツです。 しかし手軽に使用すると、過剰になってしまうこともあります。そんな過剰になってしまったボックスやボーダーを取り除くスタディを紹介します。 A Mild Case Of Borderitis 下記は上記の記事を意訳したものです。 ウェブデザインにおいて、ボックスやボーダーはコンテンツを組み立てるためによく機能します。しかしながら、そのボックスやボーダーがある一点に過剰に集まってしまうことがあります。
カリフォルニア州サンディエゴにあるウェブデザインスタジオ「CONTEMPO」はデザイナーであるChris Robinson氏が運営しており、有料のWordPress用テーマやサイトテンプレートなどを扱っていますが、それらの中にCCライセンスによって無料で使えるベクター形式の人物シルエット集「Vector People Collection」というのが配布されています。 AI形式・EPS形式・PDF形式の各形式が同梱されており、全オブジェクトはきちんとレイヤー別に分けられ、名前も付けてあり、非常に簡単に使用できるように工夫されています。 ダウンロードは以下から。 Web Design, Wordpress Themes, Site Templates & Stock Art - Contempo http://contempographicdesign.com/ 上記サイトの「Vector
ダウンロードしたファイルを解凍する。 プラットフォームによって: Windows 10 / 8 / 7 / Vista :フォントファイルを右クリックし、「インストール」を選択する。 Mac OS X:フォントファイルをダブルクリックし、「フォントをインストールする」を選択する。 Linux:フォントファイルを/USR/SHARE/FONTSにコピーする。 Fonts2u.comで利用可能なフォントは、GNU/GPL、フリーウェア、個人利用に限り無料、ドネーションウェア、シェアウェア、あるいはデモです。ライセンスタイプは明示されていますが、混乱を避けるため、それぞれのフォントの詳細に示されている情報を読むことで必ず再確認してください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く