TOP  >  シングルページ

Tag : シングルページ

2014年05月02日

デザインに大胆さとワイド感を演出できる シングルページレイアウトテンプレート「PSD Templates: 20 One Page Free Web Templates」

webサイトの構成で、サイト全体のデザインにワイドな雰囲気を演出できるシングルページレイアウトは、最近特にさまざまなサイトで多く利用されています。今回はそんなシングルページレイアウトのテンプレートまとめ「PSD Templates: 20 One Page Free Web Templates」を紹介したいと思います。

onepage0
Arrow | Free One Page Business Portfolio PSD Template on Behance

20種類の、デザイン性のあるシングルページが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

シンプルでクリーンな印象を生み出す シングルページwebサイト「11 Inspiring Single Page Websites」

カラムや階層を使ったページコンテンツの概念がない、フルカラムでレイアウトされているシングルページ。特に最近多く見かけるようになりました。そんな中今回は、シンプルでクリーンなイメージのシングルページを取り入れたwebサイト「11 Inspiring Single Page Websites」を紹介したいと思います。

single4
Agence de communication digitale, Web, print et réseaux sociaux sur Marseille et Toulon – Drawtoclick

洗練された印象を受ける、デザイン性の高いwebサイトが紹介されています。

詳しくは以下

(続きを読む…)

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

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

2011年01月13日

バレンタインに最適な ハート柄パターン集「70+ Lovely Heart Patterns for Your Valentines Projects」

女性らしいモチーフの一つとしてさまざまなシーンで使用される”ハート柄”、特にバレンタインを控えた今からの時期は街中でも見かけることが多くなると思います。そんな中今回紹介するのは、継ぎ目のないハート柄パターン集「70+ Lovely Heart Patterns for Your Valentines Projects」です。


Colorburned | 5 Free Valentine’s Day Themed Vector Patterns for Illustrator

さまざまな種類のハートをモチーフにしたパターンが収録されています。バレンタインのラッピングやカード作りなどに役立ちそうです。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:06  |  
Category: Design   
2008年09月24日

リアルなガジェット制作のためのphotoshopチュートリアル「27 Best Photoshop Gadget Design Tutorials」

自分でガジェットのデザインをしたい、思い浮かべているアイデアはあるけど、カタチにする方法が分からないと言う方にお勧めなのが、今回紹介するリアルなガジェットのphotoshopチュートリアル「27 Best Photoshop Gadget Design Tutorials to Design Realistic Gadgets」です。


Mobile Phone Styled Like HTC Touch Diamond

携帯電話、ゲーム機、ミュージックプレーヤー、USBメモリ、腕時計まで様々なガジェットを表現する為のチュートリアルが集められています。今回はその中でも特に気になったチュートリアルを紹介していきたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:45  |  
Category: Design , Photoshop   
2016年01月30日

デスクトップのイメージ作成に便利な ブラウザのフリーモックアップ素材「10 Free Web Browser Mockups (PSD, AI)」

デスクトップ上でどのようにサイトやコンテンツが見えるのか?そのイメージ作成に便利なブラウザのモックアップ、今回はそのまとめとなる「10 Free Web Browser Mockups (PSD, AI)」が公開されていますので、紹介したいと思います。

webbrowser0
Dribbble – FREE!! Safari PSD by Alec Douglas

シンプルベースないろんなブラウザに応用できるものから、各社ブラウザに特化したデザインのものまで、厳選された10種のフリーモックアップが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:46  |  
Category: Design   
2014年02月02日

クリエイティブ・デザイン性の高い40種のフリーフォント「40 Recently Released Free Fonts」

たくさんのフリーフォントがダウンロードできる環境にある中、膨大な種類からクリエイティブな印象のフォントを探し出すのは意外に大変なもの。そんな時にチェックしたい、クリエイティブ・・デザイン性の高いフリーフォントを集めた「40 Recently Released Free Fonts」を紹介したいと思います。

font140202_1
Korneuburg Slab | Free Font on Behance

40種類ものフリーフォントがまとめられており、デザインのクオリティを高めることができます。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:26  |  
Category: Font   
2008年07月29日

手書き風のフリーillustratorベクターブラシセット「30 Sketchy-Style Brushes」

イラストレーターで色々なデザインに使えるブラシですが、ディフォルトでセットされているものだと今一もの足らないそんな人が多いのではないでしょうか?そこで今回紹介する「30 Sketchy-Style Brushes For Illustrator」手書き風のillustratorのブラシセットが無料でダウンロードできます。

収録されているのは上記の30のブラシで、様々な種類のブラシが収録されています。ブラシはイラストレーターCS2のai形式でまとめて配布されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:56  |  
Category: Design , vector   
tag: Design vector
2007年11月15日

仕上がりを見ながらFavicon制作できる「favikon」

Faviconを作成してくれるサービスはかなりの数がリリースされていますが今回紹介する「Download Favicon」は画像を見ながら、トリミングしてFaviconが作れる画期的なサービスです。

トリミングしてfaviconを作成できるfavikon

従来のFaviconジェネレーター系のサービスだと横長の画像だと間延びしてしまったりおかしくなってしまいますが、上記のように自分でトリミングしながら仕上がりを決められるため、どんな画像からもFaviconを作ることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:57  |  
Category: WebService   
2012年07月14日

パララックスを実現するためのチュートリアル&リソース集「Parallax Scrolling Tutorials & Resources」

大きな話題を呼び、国内でも様々なPRサイトに実装されたパララックス(視差効果)。今までには無い体験は多くの人の注目をあつめました。今日紹介するのはパララックスを実現するためのチュートリアルやリソースをあつめた海外のチュートリアル&リソース集「Parallax Scrolling Tutorials & Resources」です。


Behind The Scenes Of Nike Better World

ソースで開示されているところや、根幹の考え方等、示されている方法は様々ですが、今回はその中から比較的分かりやすいと思うチュートリアル、リソースをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:43  |  
Category: WebDesign   
2018年03月15日

ストリート感のあるアイコン&フォントセット「Pool Riders Typeface + Bonus Vector Cut-Outs」

グランジで雑多な雰囲気がクールなストリートデザイン。一風変わったデザイン性からぴったりのアイコンやフォントを探すのはなかなか難しいもの。そんな方におすすめできる「Pool Riders Typeface + Bonus Vector Cut-Outs」を今回はご紹介していきます。

PoolRidersTypeface_top

カジュアルなデザインシーンで活用できる、ストリート風のアイコン・フォントがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
2013年03月19日

ページ公開前のcoming soon表示などが揃ったテンプレートまとめ「Ultimate Collection Of Free Coming Soon And Under Construction Templates」

WEBサイト制作をしていると、諸事情により公開時に全ページが揃わない、また、新サイト公開前にそのお知らせをするということも多いと思います。そんな中今回紹介するのが、ページ公開前のcoming soon表示などが揃ったテンプレートをまとめた「Ultimate Collection Of Free Coming Soon And Under Construction Templates」です。


Free Coming Soon Template | Webdesigner Lab

ポップで可愛らしいデザインから、公開までの日程を楽しんでもらえるデザインまで、さまざまなテンプレートが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:28  |  
Category: WebService   
2016年09月28日

WEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」

WEB上のユーザーインターフェイスの中で行われるちょっとしたアニメーションに驚きと感動をするということがたまにありますが、インターフェイスに即したアニメーションはWEBをより良いものにしてくれます。今日紹介するのはWEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」です。

dancing_icon
Menu open / tick / close

全部で36ものアニメーションが原文ではまとめられていましたが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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