TOP  >  snippet

Tag : snippet

2018年12月01日

自然の風景を表現したコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」

デザインの主役となるコンテンツを考えるとき、簡単に取り入れることができるコードスニペットがあると便利ですよね。今回は、デザインをカスタマイズするときに役立つコードスニペットまとめ「10 Beautiful Nature Inspired Code Snippets」を紹介します。

gazou1
Pure CSS Jellyfish

自然の風景をテーマにHTMLやCSS、JavaScriptで作られたコードスニペットがまとめられています。気になったものをいくつかピックアップしましたので、下記からご覧ください。

詳しくは以下
(さらに…)

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

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

2015年08月26日

モダンテイストなデザイン性のあるアイコンまとめ「50 Modern Examples of Thin Line Icons」

webデザインで頻繁に使用するアイコン。デザイン性のあるものも数多く配布されており、いろいろなストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、モダンテイストなデザイン性のあるアイコンまとめ「50 Modern Examples of Thin Line Icons」です。

icon08025_0
Dribbble – Caviar – Fastbite by Tamer Koseli

いろいろな種類のアイコンがまとめられており、ぜひ使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

WEBデザイナーのためのphotoshop拡張機能「Free Photoshop Extensions for Web Designers」

WEBデザインを行う際、Photoshopは非常に便利なツールですが、本来の用途は画像加工であるために、WEB制作用の機能に不満を感じることもあると思います。そこで今回紹介するのは、WEBデザイナーを助けてくれるphotoshopの拡張機能「Free Photoshop Extensions for Web Designers」です。

fpefwd_0
Dribbble – Interface Tools Photoshop Plugin by Elliot Jackson

作業を自動化してくれるものや、WEBと連携した機能を持つものなど、14種が紹介されています。中でも気になったものをピックアップしましたので下記よりご覧ください。

Skeuomorphism.it? – Fuck That – Make it Flat
Photoshopデータのグラデーションを削除して、あっという間にフラットデザインにしてくれるプラグイン。サイトのレイアウトを変えることなく、一気に最新のスタイルに変えてくれます。

fpefwd_1
 
 
 
 
 

GuideGuide
列、行、幅などに数値を入力するだけで、グリッドをできる機能。手軽に組み替え、確認できるのが嬉しい拡張機能。

fpefwd_2
 
 
 
 
 

BlendMe.in Photoshop and Illustrator Extension – Browse thousands of Icons, Vectors and other assets directly from Photoshop
Photoshopのツールパネルに検索バーを追加してくれるプラグイン。キーワードを入力するだけでWebからアイコンやベクターデータを検索してくれます。

fpefwd_3
 

高機能なPhotoshopをWebデザイナー向けにカスタマイズしてくれる拡張機能。上手く活用してデザインのクオリティを高めたり、制作時間の短縮を図っていきたいですね。気になった方は、是非原文もご覧ください。

Free Photoshop Extensions for Web Designers

続きを読む
posted 09:00  |  
Category: Design , Photoshop , WebDesign   
2008年06月13日

【FreeFont】無料で利用できる教科書体フォント「NTモトヤ教科書2」

教科書で使われている独特な書体、教科書体フォント。今回紹介するのはモトヤが提供している。教科書体フォント「NTモトヤ教科書2」です。

フォントはTrueTypeフォントで配布されていて、ダウンロードするにはモトやへの登録が必要になり、インストールは登録ユーザーが所有する1台のパソコンにと限定はされていますが、非商用利用の個人の利用に限り、自由に利用できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:41  |  
Category: Design , Font   
tag: Design Font
2013年09月19日

さまざまな用途に使える 種類豊富な岩肌のテクスチャ「30 Free High Resolution Rock Textures」

テクスチャはオブジェクトの見た目を変えられる、デザインの質感を高めるための重要な素材です。そんな中今回紹介するのは、さまざまな岩の表情を種類豊富にそろえた「30 Free High Resolution Rock Textures」です。

30fhrrt_0
Rock Texture2 by ~Mind-Illusi0nZ-Stock on deviantART

荒々しい雰囲気や鉱物の混じったもの、流涎的な質感のものまで、様々な岩肌テクスチャがまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:44  |  
Category: Design   
2013年04月10日

タグデザインフリーPSDまとめ「25 Appealing Tags PSD Designs for Free Download」

webやBLOGの制作時に必須となってくるタグ自体をデザインすることは少ないかもしれませんが、より細部にまで力を入れることで作品のクオリティを高めることができるのではないでしょうか。今回はそんなシーンに利用したい「25 Appealing Tags PSD Designs for Free Download」です。


Tag Cloud with Post Count (PSD) | Themedy

フリーのタグデザインが、PSDデータで多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:45  |  
Category: Design   
2013年11月02日

キレイで視認性の高いクリエイティブなフリーフォント集「Free Clean and Crisp Fonts」

世界にはさまざまな種類のフリーフォントがリリースされており、特徴的なフォント、実用性の高いフォントなど特徴がありますが、今回紹介するのはキレイで視認性の高いクリエイティブなフリーフォント集「Free Clean and Crisp Fonts」

fcacf_0

Corduroy Slab | Free on Behance

線の太いものや細いもの、角のあるものや丸みのあるものなどフォントがまとめられています。その中から今回はいくつか気になったものを紹介いたします。

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , Font   
2015年09月03日

デザイナーが見ておくべき最新のフリー素材を集めた「50 incredible freebies for web designers, September 2015」

トレンドをしっかりとデザインに反映するために、デザイナーは常に最新の素材をチェックしておくことが必要。そんな中今回紹介するのは、デザイナーが見ておくべき最新のフリー素材を集めた「50 incredible freebies for web designers, September 2015」です。

freebies0803_0
UI kit for travel apps – Freebiesbug

アイコン、テンプレート、UIなど、活用頻度の高いフリー素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年06月29日

ロゴ制作やパーツ素材として利用できる チョーク風手描きテキストなフリーベクターセット「Free download: Chalk vector elements」

アイコンやテクスチャ、psd形式、SVG形式など、素材にはいろいろな形式や種類が存在していますが、中でもベクター形式の素材は、いろいろな加工を施したり形や色を変えることが容易なため、とても重宝する素材だと思います。そんな中今回は、ロゴ制作やパーツ素材として利用できる、チョーク風手描きテキストなフリーベクターセット「Free download: Chalk vector elements」を紹介します。

chalk1

チョークを使って描いたような、ラフなテイストのベクター素材がたくさんセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年04月26日

スタイリッシュなテイストでデザインをスマートに イタリックフォントまとめ「30 Stylish Italic Fonts You Must Have」

デザインにスタイリッシュさを演出したい時、使用するフォントもあまり個性を主張しすぎないスマートなデザインのものを使用したいもの。そんな時に是非参考にしたい、イタリックフォントまとめ「30 Stylish Italic Fonts You Must Have」を今回は紹介したいと思います。

italic0423_1
Gist Font · 1001 Fonts

斜めに傾いた形状が特徴のイタリックタイプのフォントが揃っており、フォント素材の参考として活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2010年05月17日

ベクターデータを探すならココ!ベクターデータ配信サイトをまとめたダウンロードサイト32選「32 Places to Find High-Quality Vectors」

制作の現場では一般的なベクターデータ形式。拡大縮小が自由自在で、色の変化なども自由にでき、汎用性が効くデータ形式として広くデザインには利用されています。今回紹介するのはそんなベクターデータで制作された素材データをダウンロードできるサイトを集めたエントリー「32 Places to Find High-Quality Vectors」を紹介したいと思います。

vcceter01
Vector RSS

どのサイトも数多くのベクターがデータが無料でダウンロードすることができます。今日はまとめられているベクターデータサイトの中から、今までDesigndevelopで紹介したことが無いサイトを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:15  |  
Category: Design , Font , Tool , vector   
tag: Design vector

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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