TOP  >  Design

Tag : Design

2018年02月08日

学校や塾などの教育関係のデザインに 化学や科学をテーマにしたサイエンスアイコンセット「Radical Science Icons」

情報をわかりやすく整理して、視覚的に見せてくれるアイコンはデザインのキーアイテム。積極的にデザインに取り入れていきたいもの。今回ご紹介するのは、そんなアイコン好きの貴方におすすめな化学や科学をテーマにしたアイコンセット「104 Free, Radical Science Icons」です。

radical-science-icons_2
104 Free, Radical Science Icons

ちょっぴりマニアックなテーマですが、塾や学校など教育関係のデザインなどで活躍してくれそうです。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月07日

魅力的なブログ制作に!ベストなフリーTumblrテーマ20選「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」

写真や動画を気軽にシェアしたり、テキストを投稿できるTumblrは、手軽にブログを始められる人気のサービス。フリーのテーマを使えば、既存のブログサービスよりもおしゃれでデザイン性の高いブログを手軽に始めることが可能です。今回ご紹介するのは、そんなブログに最適なおしゃれなフリーのTumblrテーマをまとめた「20+ Best Free Tumblr Themes For Powerful Blogging in 2017」です。

20-best-free-tumblr-themes1
20+ Best Free Tumblr Themes For Powerful Blogging in 2017

ブログのデザインにもこだわりたいと言う方にぴったりな、ハイクオリティなTumblrテーマが20種類まとめられています。その中から幾つか、気に入ったものをピックアップしましたのでご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月06日

ウェブサイト開発に関するアイコンセット「Smashing Freebies: Website & Development Icon Set」

文字で記されているだけの情報よりも、絵で表現されている方が、理解が早くできることもあるはず。そんな中今回紹介するのは、ウェブサイト開発に関するアイコンセット「Smashing Freebies: Website & Development Icon Set」です。

Website_icon01

サイトの表現を分かりやすく簡単に表現しているフリーのアイコンセットです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2018年02月04日

幾何学的なデザインを簡単に生成できる素材セット「Neo Memphis Megaset」

80年代を思わせる、どこかレトロな幾何学的デザイン。今期も引き続き人気で、多くのデザインシーンで使用されています。そんな中今回紹介するのは、幾何学的なデザインを簡単に生成できる素材セット「Neo Memphis Megaset」です。

neo1

92種のベクターパーツとオリジナルの34種のポスターがセットになった、ネオンなビビットカラーもとても印象的な素材となっています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月02日

手書き風のイラストが可愛い!ファンシーな素材をお探しの方におすすめな森をテーマにしたパターン「Magic Forest Patterns」

女性向けデザインや可愛らしい雰囲気のデザインをする際に役に立つのが、ファンシーなパターンやイラスト。ポイントとして取り入れれば、一瞬でデザインの雰囲気をそれらしく仕上げてくれるはず。今回ご紹介するのは、そんなファンシーな素材をお探しの方におすすめしたいパターン素材「Magic Forest Patterns」です。

magic-forest-patterns1
Magic Forest Patterns — download free patterns by PixelBuddha

名前の通り、魔法の森をテーマにした可愛らしく遊び心溢れるシームレスパターン素材集です。

詳しくは以下
(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月01日

Instagramフィルターを再現するCSSスニペット「Instagram.css」

旅先での思い出や美味しいものを撮った写真をSNSに投稿する時、Instagramを活用している人は多いのではないでしょうか。そんな中今回は、Instagramフィルターを再現するCSSスニペット「Instagram.css」を紹介したいと思います。

Instagram_css

40種類以上のバリエーション豊かなフィルターを再現できるCSSです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2011年02月07日

黒をベースとしたクールなパッケージデザイン「Great Black Package Design」

商品の購買意欲を誘うのに需要な役割を果たすパッケージデザイン。商品の種類やターゲット層、ブランドイメージの構築なども含め、カラーリングのチョイスもとても大切だと思います。そこで今回紹介するのは、黒をベースとしたクールなパッケージデザイン「Great Black Package Design」です。


Organ Studio Christmas Gift : Lovely Package® . Curating the very best packaging design.

スタイリッシュなイメージも持ち合わせたブラックを上手に使い、商品の魅力を最大限に引き出したクオリティの高いパッケージデザインが紹介されています。まとめの中からいくつか選んでみましたので、以下よりご覧ください。

(続きを読む…)

続きを読む
posted 07:06  |  
Category: Design   
2013年09月12日

思い通りの写真補正ができる Photoshopアクションとチュートリアルのまとめ「20 Free Effective Photoshop Action Tutorials and Resources」

Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。

action_0
actions 1 by ~allthebesthere on deviantART

ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2010年01月01日

ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」

軽量なjavascriptライブラリjQuery、かなり高機能で、様々な表現ができますが、今回紹介するのはjQueryを利用して、ページの真横からスライドで表示されるサブページを実現する「jQuery pageSlide」です。

jquery-pageslide-screenshot

上記のようにメインコンテンツエリアを、ヨコにスライドして、サブページが表示されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: WebDesign   
2010年06月01日

WEBサイトを便利に快適にしてくれるナビゲーションを拡張してくれるツール集「Website Navigation Menu Toolbox」

WEBサイトの要素の中でも追加いやすさなどのユーザービリティから、全体の印象にまで影響を与えるナビゲーションメニューですが、今回紹介するのはWEBサイトを便利に快適にしてくれるナビゲーションを拡張してくれるツールを集めたエントリー「Website Navigation Menu Toolbox」です。

cssdrop01
Sexy Drop Down Menu with jQuery and CSS

ドロップダウンからタブメニュー、プルダウンまで様々なメニューのソースがまとめられています。今日はその中からいくつか気になったナビゲーションをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:28  |  
Category: WebDesign   
tag: webdesign
2017年09月09日

コミュニケーションに最適 絵文字とスマイリーアイコンセット「40 Beautiful Emoticons and Smiley Icon Packs」

SNSの利用者も増え、今ではコミュニケーションの方法が増えました。直接相手の顔が見えない時に役に立つアイテムといえば「顔文字」が思い浮かぶ方も多いのではないでしょうか。そんな中今回紹介するのは、絵文字とスマイリーアイコンセット「40 Beautiful Emoticons and Smiley Icon Packs」です。

emojiicons01
Emoticon Button Icon Set – Download Free Vector Art, Stock Graphics & Images

馴染み深いアイコンから、ユニークなものまで40種類の絵文字が集約された中から、いくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Tool   
2018年05月26日

テクスチャーやイラスト制作に最適な水彩ブラシセット「Aurora Watercolor Brushes」

柔らかな風合いやランダムな滲みが魅力的なアナログで描かれたような水彩表現ですが、一から道具を準備して書き起こそうとすると、なかなか手間がかかりますよね。今回ご紹介するのはそんな水彩表現を、デジタル上で手軽に簡潔できる水彩ブラシセット「Aurora Watercolor Brushes」です。

aurora-watercolor-brushes1
Free watercolor brushes set for Photoshop: airy swashes and watercolor textures

まるでアナログのような書き味が楽しめる水彩ブラシとテクスチャーが含まれた豪華なセットです。

詳しくは以下
(続きを読む…)

続きを読む
2012年09月01日

立体感のあるハイクオリティなiOS向けアイコンまとめ「46 Fabulous iOS Icon Designs」

Appleストアで掲載・販売されている大量のアプリの中でユーザーの目に留まるためには、アイコンのクオリティの高さが重要ではないでしょうか?そんな中今回紹介するのが、立体感のあるハイクオリティなiOS向けアイコンをまとめた「46 Fabulous iOS Icon Designs」です。


Dribbble – Icon by Aleksandr Novoselov

さまざまなシーンに利用できそうなアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:12  |  
Category: Design   
2011年08月27日

jQueryで作るクリエイティブなタイムライン「jQuery Timelinr」

物事の流れを説明する際に非常に分かりやすいのが、時系列で整理された情報。タイムラインは時間の流れを感じることができ、どういった順番でなにがなされたのかはっきりとわかります。今日紹介するのはそんなタイムラインをjQueryで実現してくれるプラグイン「jQuery Timelinr」です。

プラグインは非常にシンプルで、簡単に実装することが可能です。

詳しくは以下

WEB上で利用するにはまずjQueryとjquery.timelinr-0.9.jsの2つのjsを読み込ませます。その後以下のjavascriptを記述すれば準備は完了です。

指定したdivタグないのリストがタイムラインとなります。こまかな調整は記述するjavascriptでオプションの値を指定することで調整が可能です。大きなところでは、縦に順に追っていくタイプのタイムラインと横に追っていくタイプのタイムラインをオプションで選択ができます。

簡単に実装できますし、限定的にはなりますが、便利に使えそうなjQueryプラグインだと思います。

jQuery Timelinr ↩ CSSLab

続きを読む
posted 11:58  |  
Category: WebDesign   
2013年09月02日

クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」

webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。

lyout0
Dribbble – Sevent WordPress + free psd by trendythemes

クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:52  |  
Category: Design   
2013年04月28日

1200種オーバー!施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」

WEB制作にとどまらず、様々な場所で利用されるアイコン。素材としては非常に優秀で、いろいろな趣旨のアイコンセットが世界中で公開されていますが、今日紹介するのは、施設からファイル形式まで、様々なアイコンを網羅したアイコンセット「Eldorado mini free」です。

こちらのアイコンセットは、単純にUI的なものではなく、マトリューシカやハンバーガーなどなど多種多様なアイコンがまとめられています。全部で1262種類ものアイコンがセットになっていますが、今日はその一部を紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:37  |  
Category: Design , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る