TOP  >  food

Tag : food

2017年08月07日

食べ物を中心にまとめられた可愛らしいデザインアイコンまとめ「100 Free Food and Party Icons」

UI面の向上に一役買ってくれるアイコン。視覚的サポートとして非常に役立つ存在であり、特に食べ物だったりアクションを表現する際には効果的で直感的な理解につながります。今回ご紹介する「100 Free Food and Party Icons」は食べ物やパーティーシーンなどを表現したアイコンがを中心にまとめられたアイコンセットです。

100FreeFoodandPartyIcons_top

カラフルでポップなアイコンが全部で100個種類まとめられています。収録されているアイコンは下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加

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

2008年12月31日

タブナビゲーションからフォトギャラリーまでCSSのTips集「20 Ultimate CSS Tutorials」

WEBデザインでは欠かす事ができないCSS。CSSも奥が深く、工夫しだいで様々な表現ができるようになっていますが、今回紹介するのはそんなCSSのテクニックを集めたテクニック集「20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com」です。


Expandable CSS Tabs Tutorial

タブナビゲーションから、角丸、フォトギャラリーに影付けなどなど様々なCSSのテクニックが全部で20個、それぞれのジャンルに分けて公開されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:19  |  
Category: WebDesign   
tag: CSS webdesign
2014年04月26日

豊富に種類をまとめたフリーPhotoshopブラシ「50 Outstanding Yet Free Photoshop Brush Packs For Your Designs」

Photoshopの機能の中でも、手軽かついろいろな表現ができることで便利に利用できるブラシツール。フリーで配布されているものもたくさん存在しているため、さまざまな種類を取り入れて活用されている方も多いのではないでしょうか?そんな中今回は、豊富に種類をまとめたフリーPhotoshopブラシ「50 Outstanding Yet Free Photoshop Brush Packs For Your Designs」を紹介したいと思います。

brush140426_1
Free Grunge Photoshop Brushes – Free Photoshop Brushes | BrushKing ♛

持っていれば定番として使えそうなものから、ちょっとエッジの効いたものまで、たくさんのブラシがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2013年11月14日

iOS7を中心としたAppleのデザインモックアップ集「Design freebies by Oz Pinhas」

iPhone5sやiPad Airの発売など、続々と新機種発表や商品を展開しているApple。それに伴い、アプリケーションの開発など、iOS向けの開発のお仕事も増えているのではないでしょうか。今回はそんな時に便利なiOS7を中心としたデザインモックアップを紹介したいと思います。

ios7mockup_0

iOS7のホーム画面や設定画面、更にiTunes11のインターフェイスまで用意されていて、すぐに利用できそうなモックアップのベース素材が取り揃えられています。

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , Photoshop   
2012年10月01日

さまざまな織り目が楽しめるタオル生地テクスチャまとめ「A Collection of Free and Comfy Towel Texture」

世界中には無数の種類の布地があり、デザインテイストに合わせてさまざまな織り目のテクスチャを選択していると思います。今回はそんな布地の中からタオル生地にクローズアップ。さまざまな織り目が楽しめるタオル生地テクスチャをまとめた「A Collection of Free and Comfy Towel Texture」を紹介したいと思います。


A Towel -Greyscale- by ~Wezza-T on deviantART

タオルの柔らかい雰囲気をはじめ、織り目の異なるテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:10  |  
Category: Design   
2014年10月14日

ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」

なにかと便利に活用できるアイコン。種類もテイストもさまざまなタイプがフリーでダウンロードできるように配布されており、いろいろな種類をストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、ポップなテイストが特徴のラインアイコンセット「Free Download : Helium Icon Set」です。

hlium

ベーシックに定番として利用できるものから、個性的なタイプまで、いろいろな種類のアイコンがセットになってダウンロードできます。

詳しくは以下

(さらに…)

続きを読む
posted 12:22  |  
Category: Design   
2009年10月03日

デザイナーのためのjQueryテクニック「10 Easy jQuery Tricks for Designers」

非常に使い勝手が良いjavascriptライブラリ「jQuery」。様々なエフェクトを実現したり、ちょっとした問題を解決したり本当に様々な使い方がありますが、今回紹介するのはそんなjQueryを使った、デザインテクニックを集めたエントリー「10 Easy jQuery Tricks for Designers」を紹介したいと思います。

13-01_unequalcolumns-1
Equal-Height Columns

例えば上記のようなカラムを揃えるテクニック等、CSSでWEBを組んでいて気になる部分を解消してくれるテクニックが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 08:03  |  
Category: WebDesign   
2008年08月25日

質の高いアイコンとグラフィックのフリー素材を配布する「DryIcons」

WEB制作で欠かせない存在のアイコン。今日紹介する「DryIcons.com – Free Icons and Graphics」はクオリティの高い、アイコン素材とグラフィック素材を無料で公開、配布しているWEBサイトです。

アイコンは種類が豊富で、テイストも様々ですが、どちらかと言えば3Dっぽい作り込んであるタイプのアイコンが多い気がします。アイコンはセットになって配布しているので、新規サイト立ち上げなんかのと記には非常に使い勝手が良さそうです。まず公開されているアイコンの中からいくつか気になるセットを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:27  |  
Category: WebDesign   
tag: webdesign
2010年08月21日

便利で使えるCSS3マーカー「CSS3.0 Maker」

多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。

画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: WebDesign , WebService   
2008年04月06日

【Tool】IE5.5,IE6,IE7,IE8の表示結果が同時に確認できる「IE Tester」

ブラウザも多様性を増してきて、新旧のバージョンを合わせるとかなりの数になり、ブラウザの中でも大きなシェアを獲得しているインターネットエクスプローラも各バージョンでの誤差やバグはWEB制作者にとって頭が痛いところだと思います。

ietester01.jpg

今日紹介する「IETester」はIEの旧バージョンから最新版までの表示の違いを同時に確認できるソフトウェアです。各バージョン間の誤差を修正するための作業は非常に手間ですが、このツールを使うことで、かなり手間が軽減されるのではないでしょうか?

詳しくは以下

(さらに…)

続きを読む
posted 10:18  |  
Category: Tool   
2014年08月26日

さまざまなデザイン制作時に活躍してくれるアイコンまとめ「38 Beautiful Icons In PSD For Web Designers」

もはやwebデザイン制作に欠かすことのできないアイコン素材。たくさんストックし、いろんなデザインシーンで活用されている方はとても多いと思います。今回はそんなアイコン素材をまとめた「38 Beautiful Icons In PSD For Web Designers」を紹介します。

icon140826_3
60 Flat Icons

フラットから立体的、ラフなテイストまで、さまざまな種類のアイコンセットがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 12:09  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る