TOP  >  フローチャート

Tag : フローチャート

2017年02月05日

フローチャート作成のためのデザインキット「Flowchart kit for Sketch」

WEB制作やシステム開発をしているとフローチャートを書くことも多く、専用のソフトウェアもリリースされていたりしますが、使い慣れたツールで創るのが一番早いという方も多いと思います。今日紹介するのはフローチャート作成のためのデザインキット「Flowchart kit for Sketch」です。

upload-adbd6290-e344-11e6-aff9-0f06f3acc755

フローチャートに必要なデザイン素材をSketchで利用できるように、まとめて配布されています。

詳しくは以下

(さらに…)

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

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

2013年01月10日

インフルエンザにつき、更新を完治するまで暫くお休み致します。

いつもDesignworksをご覧頂きまして、誠にありがとうございます。年明け早々インフルエンザにかかってしまいました。

今まで、多少の体調不良については頑張って更新してきましたが、インフルエンザのためかあまりにも体調が厳しく、考えられない状況になってしまっておりますので、今週一杯、更新をお休みさせていただきたいと思います。

更新開始は、来週火曜日を予定しております。無事完治させ、今まで以上に更新できるように頑張ります。寒さが厳しくなって参りましたので、皆様もインフルエンザをはじめ風邪などには十分にご注意を。

【おまけ】
【2012】インフルエンザの予防方法&なったらどうする?のまとめ – NAVER まとめ
インフルエンザの予防グッズまとめ – NAVER まとめ
風邪・ノロ・インフル…体調不良を一人で乗り切るコツ [感染症] All About
インフルエンザにかかったときの食事|その他|メディカルサプリ

続きを読む
posted 11:02  |  
Category: WebService   
2014年09月05日

種類豊富に揃うフラットアイコンまとめ「25 Free and Flat Icon Sets for August 2014」

web制作を行う中で使用頻度の高いアイコン、特に最近はフラットテイストが主流になっており、フリーで配布されているものもバリエーションが豊富になっています。今回はそんなフラットアイコンまとめ「25 Free and Flat Icon Sets for August 2014」を紹介したいと思います。

icon0406_1
Dribbble – Free vector icon set by Valentyn Khenkin

いろいろなテーマで制作されたフラットアイコンのセットをダウンロードできるものが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年08月08日

選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」

次世代の規格として注目されているCSS3。新しいブラウザではすでに対応していて、すでに利用しているという方もいらっしゃると思いますが、今回紹介するのは様々なCSS3ならではの処理を簡単に実現できるCSS3ジェネレーター「CSS3 Generator」です。

上記のようにものすごくシンプルなインターフェイスとなっていて、まずはCSS3で行ないたいデザイン処理を選びます。シャドウ、テキストシャドウ、線の外側に線など様々なデザイン処理が準備されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:15  |  
Category: WebDesign , WebService   
2012年01月15日

シンプルでスマートなベクターアイコンパック「Free Vector Web Icons (91 Icons)」

WEBを制作にあたり非常に便利な素材アイコン。使い勝手が良いアイコンは製作時間を大幅に短縮してくれますが、今日紹介するのはシンプルでスマートなベクターアイコンパック「Free Vector Web Icons (91 Icons)」です。

最近のクラウドだったり、マップピンなど比較的新しいサービスに対応したものから、スタンダードなものまで幅広く91ものアイコンがセットになっています。収録されているアイコンは以下のとおりです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop , WebDesign   
2017年02月05日

フローチャート作成のためのデザインキット「Flowchart kit for Sketch」

WEB制作やシステム開発をしているとフローチャートを書くことも多く、専用のソフトウェアもリリースされていたりしますが、使い慣れたツールで創るのが一番早いという方も多いと思います。今日紹介するのはフローチャート作成のためのデザインキット「Flowchart kit for Sketch」です。

upload-adbd6290-e344-11e6-aff9-0f06f3acc755

フローチャートに必要なデザイン素材をSketchで利用できるように、まとめて配布されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:23  |  
Category: Design   
2010年08月20日

タイピングした瞬間の表情が楽しめるフリーフォント「Typing Art」

フォントにはさまざまなデザインが存在しており、デザインが出来上がった状態は一つのグラフィックとして完成されていますが、今回はタイピング=打ち込みをする際の表情に注目しデザインされたフリーフォント「Typing Art」を紹介したいと思います。


Typing Art|オドリコ 文字がクルクルと踊ります。

タイピングした瞬間に、それぞれのデザインをイメージさせる動きを見せるというとてもユニークなフォント。もちろん、デザインフォントとしても魅力溢れるシリーズとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:01  |  
Category: Design , Font   
2016年10月01日

医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」

私達の生活にも密接に関わりのある医療。広告やWEB制作でも医療に関するモチーフを利用する場合が直接的にも間接的にもありますが、今日紹介するのは医療系のモチーフをアイコンセットにした「Free Medical Vector Icons」です。

p

このアイコンはベクターで描かれており、影などをあしらい、シンプルながらも質感のあるアイコンセットに仕上がっています。収録されているアイコンは以下の通りです。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Design , Photoshop , vector   
2009年07月06日

ECサイト制作者のためのデザインリソース「ecommr」

ASPやオープンソースなどでECサイトを構築する敷居も相当下がってきて、世間的にもインターネットでの販売が当たり前になってきた部分があり、ECサイトを運営しているという方は以外と多いのではないでしょうか?

ecdesignresou01

今日紹介するのはECサイトのデザインのリソースをあつめたWEBサイト「ecommr」です。ECサイトのなかでもサイト全体ではなく、インターフェイス毎にデザインが収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 05:21  |  
Category: WebDesign   
tag: webdesign
2012年10月29日

さまざまなデザイン制作に使いやすいタイル・シームレスパターンまとめ「Free Tileable and Seamless Patterns for Photoshop and Illustrator」

素材感を感じさせたりワンポイントとして利用したりと、幅広い利用シーンが期待できるパターン素材は、デザイン制作の必須アイテムです。そんな中今回紹介するのが、さまざまなデザイン制作に使いやすい、タイル・シームレスパターンをまとめた「Free Tileable and Seamless Patterns for Photoshop and Illustrator」です。


Subtle Patterns | Free textures for your next web project

ストックしておきたくなる素材ばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2010年02月23日

CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」

WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。

drop-shadows

上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違うものの、ほぼ同じような見え方でドロップシャドウを実現しています。

詳しくは以下

(さらに…)

続きを読む
posted 11:13  |  
Category: WebDesign , WebService   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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