TOP  >  手描き

Tag : 手描き

2017年05月19日

アンティーク調な雰囲気の手描きイラストレーションセット「110 Hand-Drawn Floral Elements」

植物をモチーフとしたデザインは、繊細で柔らかくナチュラルな雰囲気をデザインに与えてくれます。今回はそんな、優しい質感を取り入れたい時に活用したい、「110 Hand-Drawn Floral Elements」を紹介したいと思います。

Hand-Drawn-Floral-top

アンティーク・アナログテイストの手描きタッチの植物イラストが1170種セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

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

2013年09月11日

Photoshopのスクラッチブラシコレクション「A Collection Of Free Scratch Brushes For Photoshop」

Photoshopのブラシは、写真やオブジェクトの見た目を簡単に変えることができるツール。できればより多くストックしておいて、デザインの幅を広げておきたいもの。そんな中今回紹介するのは、写真に手軽にスクラッチされたようなニュアンスを加えることができるブラシライブラリのまとめ「A Collection Of Free Scratch Brushes For Photoshop」です。

scratche_0
Scratches by ~Smirnoff-Sweetie on deviantART

金属に刻まれた細かな傷や鋭いもので引っ掻いたような傷など、さまざまなスクラッチブラシがまとめられています。中でも気になったものをピックアップしたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:36  |  
Category: Photoshop   
2014年10月28日

いろいろな種類のPhotoshoo矢印ブラシを揃えた「30 Useful Arrow Brushes for Photoshop」

手軽かつ、便利に利用できるPhotoshopブラシ。いろいろな種類がダウンロードできるようになっていますが、今回紹介するのは、いろいろな種類のPhotoshoo矢印ブラシを揃えた「30 Useful Arrow Brushes for Photoshop」です。

arrow-brushes1
80 Hand Drawn Arrows PS Brush Set – DesignerCandies

さまざまなタッチの矢印を簡単に描き出せるブラシが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:55  |  
Category: Photoshop   
2012年02月23日

シンプルで使いやすい ピクトグラムアイコンセット「ENTYPO」

さまざまなデザイン性の高いフォントやアイコンを手軽に手入れることができるようになっていますが、どんなデザインにも使いやすいシンプルな素材は、常にチェックしておきたいもの。そこで今回紹介するのが、シンプルで伝わりやすいピクトブラムアイコンを公開している「ENTYPO」です。

デザインを手がけたのは、デザイナーとして活躍するDaniel Bruce氏。普段のデザイン制作に必要なアイコンが揃った、デザイナーに嬉しいセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:36  |  
Category: Design   
2013年12月24日

シンプルなデザインのフードアイコンセット「Food Icons: Free Icon Set」

シンプルなデザインは簡素と感じられてしまうリスクもありますが、「視認性が高い」「コンテンツの魅力を伝えやすい」などのメリットもあり、最近ではそんなUIを採用したサイト、アプリが増えてきていて、一般化しつつあるように感じます。そこで今回は、シンプルなデザインの食べ物、飲み物のアイコンセット「Food Icons: Free Icon Set」を紹介したいと思います。

fifis_0

一目で分かるアイコンというのは実はとても難しく、特徴を上手く取り入れないと説明的になりすぎてしまったりしますが、このアイコンセットはそのあたり上手く表現し、まとめられていると思います。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design , Photoshop , vector , WebDesign   
2010年07月05日

モバイル用のHTML5フレームワーク「Sencha Touch」

開発者の間では次世代の規格として注目を集めているHTML5。様々な可能性を示してくれていますが、今日紹介するのはPCようでは無く、モバイル用のモバイル用のHTML5フレームワーク「Sencha Touch」です。

このフレームワークはWEBアプリに、iphoneアプリやアンドロイドアプリ並みのデザインと、操作感を可能にするフレームワークで、HTML5とCSS3を使って構築されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:52  |  
Category: WebDesign , WebService   
2011年01月31日

奥行きを感じるwebデザインのまとめ「Showcase of Depth and Perspective in Web Design」

基本的には平面でデザインをすることが多いwebサイトのデザインですが、今回は立体的に作り上げられ奥行きを感じることができるwebデザインのまとめ「Showcase of Depth and Perspective in Web Design」を紹介します。


Cupcakes sucrés, salés, pour tous les goûts…

そこにまるで一つの世界があるかのように、独特の空間を見事に表現しています。きになったものをピックアップしましたので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:31  |  
Category: Design , WebDesign   
2012年09月20日

激しく鳴り響く雷鳴の雰囲気を再現できるPhotoshopブラシまとめ「30 Free Lightning Photoshop Brush Sets」

デザインやCG制作などで激しさなどを表現したい時に活用できる、暗闇に鳴り響く雷鳴の雰囲気を再現できるPhotoshopブラシをまとめた「30 Free Lightning Photoshop Brush Sets」を、今回は紹介したいと思います。


Lightning Brush Set 1 by ~Dudeshibby on deviantART

さまざまな形の雷の光を再現できるブラシが揃っています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:33  |  
Category: Design , Photoshop   
2008年08月16日

CSSを条件分岐させ、環境によって切り替える「Conditional-CSS」

通常CSSはプログラミングのようなifのように条件付けなどはできませんが、今回紹介する「Conditional-CSS」はCSSで条件分岐を実現する画期的なものです。

ブラウザや環境が多様化しているなかでは非常に便利な仕組みだと思います。ブラウザ毎に条件を個別に設定する事もできますし、あらかじめ定義しておけば、cssA、cssXなど複数条件をまとめておく事もできます。

詳しくは以下

Conditional-CSSの「デモ」はこちらからどうぞ、IE、firefox,opera,safariでそれぞれ表示が異なります。コード自体は簡単で公式サイトを見ればすぐにわかるかと思いますが、実装にはサーバー側でプログラムを走らさないといけません。プログラムのダウンロードは「Conditional-CSS | Download」からどうぞ。

かなり便利なものでコチラを使えば、様々な環境で表示を最適化する事が出来るかと思いますが、毎回プログラムを読み込む仕組みなので、アクセスが多いサイトでは注意してください。実装の手順として詳しく説明されているサイトをいくつか紹介しておきます。使ってみたいと言う方はそちらを参考にしながら試してみてください。

【参考サイト】
[CSS]スタイルシートに「if」を使った条件式が利用できる -Conditional-CSS | コリス
CSSの記述に条件文が使えるようになる「Conditional-CSS」:phpspot開発日誌

続きを読む
posted 08:06  |  
Category: WebDesign   
tag: CSS webdesign
2012年09月21日

さまざまなパターンやテクスチャが楽しめる素材まとめ「Must See Photoshop Patterns Of All Time」

デザインシーンに欠かせないパターンやテクスチャ素材ですが、素材を組み合せて利用することも多く、より豊富な候補の中からぴったりの一枚を選びたいもの。そんな中今回紹介するのが、さまざまなパターンやテクスチャが楽しめる素材をまとめた「Must See Photoshop Patterns Of All Time」です。


Wood Texture and Laminate Texture Pack 02

カラフルなパターンから、使い勝手のよいテクスチャまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:08  |  
Category: Design , Photoshop   
2011年11月10日

手書きフォントを利用したwebデザイン集「Tips in Using Handwriting Fonts for Stunning Web Designs」

手書き感のあるデザインは人間的な温かみが感じられ、ユーザーに安心感を与えたいデザインなどに良く利用されています。そんな中今回紹介するのは、手書きフォントを利用したwebデザインばかりを集めた「Tips in Using Handwriting Fonts for Stunning Web Designs」です。


christiansparrow

可愛らしい・シンプル、さまざまなテイストの手書きフォントが印象的なwebサイトばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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