TOP  >  templete

Tag : templete

2014年03月10日

スマートフォンに最適化したレイアウトを実現できる フリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」

スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や予算がかけられない時もあるのではないでしょうか?そんな時に便利なフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」を今回は紹介したいと思います。

htmltemp1
Big Picture | HTML5 UP

スマートフォンに最適化したレイアウトを実現できるHTMLテンプレートがまとめられています。

詳しくは以下

(さらに…)

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

高品質で実用性の高い レスポンシブルHTML5フリーテンプレート「High Quality Yet Free Responsive HTML5 Templates」

webデザインを1から制作し完成までたどり着くには、かなりの時間と労力を必要とします。さらに、今ではスマートフォンからタブレットまで、ありとあらゆる端末への対応が求められることも多いのではないでしょうか?今回はそんなシーンに活用できる、レスポンシブルHTML5フリーテンプレート「High Quality Yet Free Responsive HTML5 Templates」を紹介したいと思います。

html5temp1
Royale – Free html5 Template | html5mania.com

HTML5形式の、高品質で実用性の高いフリーテンプレートが紹介されています。

詳しくは以下

(さらに…)

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

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

2009年10月26日

テキストをグラデーション表示するjQueryプラグイン「Fade colors using jQuery 」

グラフィックにしてしまえば簡単なグラデーション処理ですが、WEBのテキストデータのままグラデーションを実現しようとするとかなり大変です。そこでそんなグラデーション処理を可能にしてくれるのが、今回紹介するjQueryプラグイン「Fade colors using jQuery 」です。

jquerygrade01

指定した、idの内容のテキストデータの色の透明度を変更し、擬似的に徐々に消えていくような文字のグラデーション処理を実現しています。

詳しくは以下

(さらに…)

続きを読む
posted 10:57  |  
Category: WebDesign   
2012年06月19日

フリーでクオリティの高いWordPressテーマまとめ「30 New Free High-Quality WordPress Themes」

サイト制作に利用している方が増えているWordPress。プロの方はもちろん、サイト運営を考えている一般の方にも大きな人気を集めています。そこで今回は、フリーでクオリティの高いWordPressテーマをまとめた「30 New Free High-Quality WordPress Themes」を紹介したいと思います。


Busby: Free WordPress Personal Blog Theme

シンプルテイストなテーマから機能を付加したテーマまで、さまざまなテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:43  |  
Category: WordPress   
2011年12月23日

【商用可】シンプルなピクトグラムをフォントとして使える「Erler Dingbats」

WEBでもグラフィックでもメニューの内容や機能などを端的に表現する時に便利なピクトグラム。シンプルながらもデザインを機能的にブラッシュアップしてくれる効果的なものですが、今日紹介するのはシンプルなピクトグラムをフォントとして使える「Erler Dingbats」です。

こちらはDingbatsフォントの一種で様々なピクトグラムがフォントセットとしてまとめられています。収録されているフォントの種類は以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 03:58  |  
Category: Design , Font   
2014年04月04日

さまざまな種類のフリー素材をあつめた「50 Free Resources for Designers from March 2014」

予算をかけることなくデザインを仕上げるために便利に活用できるフリー素材。デザインの流行に併せて日々新しい素材が多数配布されています。そんな中今回紹介するのは、比較的新しいさまざまな種類のフリー素材をあつめた「50 Free Resources for Designers from March 2014」です。

free140404_1
Matt's Brushpack by Juhupainting on deviantART

アイコン、フリーフォント、テクスチャ、ブラシ、UIキットなど、豊富なテーマで素材がまとめられ紹介されています。

詳しくは以下

(さらに…)

続きを読む
2017年10月23日

手書きのフリースクリプトフォント「25 Beautiful Script Fonts to Use in 2017」

デザインには欠かせないフォント。ゴシックや明朝といったベーシックなものから、手書きまで、数え切れないほど多くのフォントが存在しています。そんな中今回紹介するのは、近年人気を集めている手書きのフリースクリプトフォント「25 Beautiful Script Fonts to Use in 2017」です。

scriptfont01
ANISHA – FREE SCRIPT FONT on Behance

さらさらっと書かれた細身のフォントから、しっかりとした力強いものまで、いろんな種類が紹介されています。気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
posted 06:29  |  
Category: Font   
2014年01月17日

デザインされたニュースレター用フォームまとめ「40 Wonderfully Designed Newsletter Subscription Form Photoshop Files」

新着やおすすめの情報などを届ける際に活用されるニュースレターの申し込みや、お問い合わせメッセージなどを送付する際に利用されるフォームデザイン。比較的シンプルにまとめてしまいがちですが、今回紹介するのは、デザインされたニュースレター用フォームまとめ「40 Wonderfully Designed Newsletter Subscription Form Photoshop Files」です。

lettertemp1
Subscribe to Newsletter Form (Psd) | Blugraphic

シンプルな中にもデザイン性を加えているもの、レターの雰囲気をしっかりと感じられる凝ったデザインなど、さまざまなパターンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:54  |  
Category: Photoshop   
2007年11月08日

YouTubeへのリンクを一目で見分けるGreasemonkeyスクリプト「embed YouTube」

YouTubeが国内が問わず大人気で様々な動画が集まっている事から、そこの中から動画を紹介する事自体をコンテンツとしているWEBサイトやブログが多数存在します。

単純にリンクを教えてくれたり、埋め込んで紹介してくれる所もありますが、中には広告テキストリンクと絡めて紛らわしい表現をしている所も多々あります。そこで今回紹介するのはそんな紛らわしいリンクをYouTubeへのリンクかどうか一目で見分ける事を可能にするGreasemonkeyスクリプト「embed YouTube」を紹介したいと思います。

(さらに…)

続きを読む
posted 03:54  |  
Category: Greasemonkey , Tool   
2009年10月08日

テープを再現するphotoshopブラシ「Free Brushes – 20 Free Tape Photoshop Brushes」

アナログ感を演出する為に便利な部品がテープ。ガムテープ、何となく、人の手を感じさせる素材です。今日紹介するのはそんなテープを再現するphotoshopブラシ「Free Brushes – 20 Free Tape Photoshop Brushes」です。

20tape01

ビニールテープ、セロハンテープなどなど全部で20ものテープを再現してくれるphotoshopブラシが収録されています。収録されているテープブラシの一部は以下の通りです。

詳しくは以下

(さらに…)

続きを読む
posted 04:26  |  
Category: Design , Photoshop   
2008年10月20日

秋を演出する葉っぱのベクターデータ「Autumn Leaves Vector」

ようやく秋らしくなってきた昨今ですが、それに伴いデザインでも秋らしさを求められたりもするかと思います。そこで今回紹介するのはそんな秋を表現してくれるのにピッタリなベクターデータ「Autumn Leaves Vector」です。

全部で17枚の葉っぱのベクターデータが収録されており、上記のような色で使えば落ち葉の雰囲気を作れます。

詳しくは以下

(さらに…)

続きを読む
posted 04:12  |  
Category: Design , vector   
tag: Design vector
2012年04月06日

WEBサイトで利用しやすいシンプルなパターンを集めたポータルサイト「SubtlePatterns」

テクスチャなどの素材を程よく利用することは、クオリティの高さを感じさせるWEBデザイン制作に役立ちます。そこで今回紹介するのが、シンプルなパターン素材を集めたポータルサイト「SubtlePatterns」です。

シンプルでさまざまなデザインに利用しやすいパターン素材が、豊富にラインナップされています。

詳しくは以下

絶妙なニュアンスをつけられるパターン素材が200種類以上のそろっており、サイト上で背景に使用した場合の雰囲気をプレビュー確認することもできます。ダウンロードできる素材のサイズは、正方形のPNGデータになっているので、Fireworksのテクスチャフォルダに入れておけば、デザイン制作作業時にも手軽に利用できるというのが嬉しいですね。

テクスチャ制作の参考に利用するのはもちろん、既存のテクスチャ素材だけでは物足りなさを感じている方におすすめのサイトとなっていますので、気になる方は、是非下記原文をチェックしてみてください。

Subtle Patterns | Free textures for your next web project

続きを読む
posted 11:11  |  
Category: WebService   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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