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年02月22日

デザイン性の高いwebサイトを手軽に フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」

webサイトを制作するにあたってまず行わなければならないのは、全体のレイアウト構成を作ること。しかし最終的に思い通りのものに仕上げるためには、センスだけでなく時間や予算も必要になってきます。今回はそんな懸念部分を解消できる、フリーレイアウトpsd「20 Clean & Modern Free Web Layout PSDs」を紹介したいと思います。

freepsd0219_1
Website Templates | Free HTML Templates | Free Psd Template-128 – Latest Free Templates

デザイン性の高いwebサイトのレイアウトpsdがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

クリエイティブなデザインが簡単に制作できるフリーpsdレイアウト「20 Free Web Layout PSDs」

webデザインを1から完成までつくり上げるのに、時間やコストをあまりかけることができない状況も、デザインの仕事をしていると経験することがあると思います。そんな時に活用できる、フリーpsdレイアウト「20 Free Web Layout PSDs」を今回は紹介します。

lyout0
Dribbble – Sevent WordPress + free psd by trendythemes

クリエイティブなデザインを簡単につくり上げることができる20種のpsdレイアウトが紹介されています。

詳しくは以下

(さらに…)

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

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

2018年09月24日

ベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」

自分自身を表現するシーンで自分の分身となるアバター。様々なタイプのアバターが世の中には溢れていますが、今回紹介するのはベクターデータで配布されている、かわいいアイコンセット「Autumn Kawaii Icon Set (50 Icons, SVG & PNG)」です。

au01

このアイコンセットは全部で50種類ものアイコンがセットとなっており、雲や紅葉、りんごなど秋を感じるアイコンがセットになっています。

詳しくは以下

(さらに…)

続きを読む
posted 12:52  |  
Category: Design , WebDesign   
2017年01月10日

Photoshopチュートリアルを分かりやすく動画で紹介した「20 Awesome Photoshop Tutorials on Phlearn」

いろいろな加工技術が集約されたPhotoshop。実にさまざまな表現が可能ですが、どうやって機能を使ったら良いか分からないことも多いはず。そんな中今回は、Photoshopチュートリアルを分かりやすく動画で紹介した「20 Awesome Photoshop Tutorials on Phlearn」を紹介したいと思います。

tutorial0109_1
How to Use Virtual Copies in Lightroom

すべてムービーで解説されているチュートリアルを集めているので、操作する画面上の場所なども把握しやすく、初心者にもおすすめの内容となっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2016年12月07日

クリスマスを素敵に演出できる「Merry Christmas Lettering」

クリスマスの素敵な一時に、クリスマスカードやメッセージカードを素敵なデザインとともにと考えている方で既製品ではなく、自分でカスタマイズしながら制作して贈りたいという方におすすめなのが、今回紹介するクリスマスを素敵に演出できる「Merry Christmas Lettering」です。

freebie-slide-1480327759-1

全部で6種類のデザインが収められており、どれも手書きのクリスマスメッセージとともにデザインのパーツワークが収録されています。クリスマスカード以外にも制作事例がまとめられていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector   
tag: 
2016年06月06日

アイコンやUIなど最新のフリーリソースまとめ「50 fresh resources designers, May 2016」

最近公開された素材をまとめている記事を参考にすることで、現在の流行を取り入れながらデザイン力をアップすることができます。今回はそんな、アイコンやUIなど最新のフリーリソースまとめ「50 fresh resources designers, May 2016」を紹介したいと思います。

resources0603_3
Old Weathered Wood Textures : Medialoot

いろいろな種類のフリー素材がピックアップされており、ストックしておくと便利に活用できそうなものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」

Webサイトを構築するのに必要なCSSでは様々なデザインを設定することができ、とても便利。そんな中今回紹介するのは、無料で使えるCSSツールチップ「10 Free CSS Tooltip Snippets To Save Time On Your Web Projects」です。

CSSTooltip01
Pure-CSS Tooltips

アクションで注意書きなどに注目させたい時に使用するツールチップの、魅力的な動作やデザインを簡単に取り入れることができます。

詳しくは以下

(さらに…)

続きを読む
posted 11:04  |  
Category: Tool , WebDesign   
2013年11月20日

1500点もの無料年賀状素材を配布する「年賀状AC」

毎年これくらいの季節になるとクリスマスやお正月など、年末・年始はイベントが多くプライベートも仕事もやる事が多い季節です。その中でも年賀状は特に大変で、見た目に拘ったり早めの発送が必要など、さまざまな手間が掛かります。今回はそんな年賀状の手間を少しでも減らせる無料の年賀状テンプレート・パーツを集めた「年賀状AC」を紹介したいと思います。

20131120_0
花柄の年賀状

これらは画像素材やフリー素材を発信しているFreebie ACから提供されているもので、来年の干支「馬」をテーマにしたものや、写真を挿入することを想定したもの、多様なイラストなど、数多くの年賀状素材が配布されています。今回はその中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 01:36  |  
Category: Design   
2015年01月08日

フリーでダウンロード可能なデザインリソースまとめ「14 Best Design Resources Released this Week」

フリーで使用できる素材が豊富に展開され、つねにチェック・ストックをされているデザイナーの方も多いのではないでしょうか?そんな中今回紹介するのは、フリーでダウンロード可能なデザインリソースまとめ「14 Best Design Resources Released this Week」です。

resources0108_1
RetroSauce – Letterpress Actions ~ Actions on Creative Market

さまざまな種類のフリー素材がまとめられており、どれもデザイン性のあるものばかりが揃っています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

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

最新のデザイン性の高いフリーフォントを集めた「50 Best Free Fonts Of 2015」

常に最新のデザインのものが発表され続けているフリーフォント。デザイン性の高いものも非常に多く、日々チェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、最新のデザイン性の高いフリーフォントを集めた「50 Best Free Fonts Of 2015」です。

font1101_1
STOKED (free font) on Behance

非常に魅力的なデザインのフォントが多数ピックアップされ、まとめられています。気になったものを以下で紹介しておりますので、まずは御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:24  |  
Category: Font   
2017年01月13日

一つのオブジェクトをミラーリングして表現できるライブラリ「Mirror Effect」

WEB制作ではスプリットスクリーンなどが極端な例ですが、中央線を軸に左右を大胆に振り分けて使う手法が流行の一つになっていますが、今日紹介するのは、異なるものではなく、一つのオブジェクトをミラーリングして表現できるライブラリ「Mirror Effect」です。

MirrorEffect_03-1
Mirror Effect | Demo 3 | Codrops

単純に全く同じものを出現させることもできますし、上記のように背景を切り分けて表示することもできます。いくつかのパターンが公開されていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: javascript , WebDesign   
2013年11月24日

最近リリースされたjQueryプラグイン集「10 fresh and fantastic jQuery plugins」

スライドするメニューやスムーズなスクロールなど、Webサイトに変わった動きを取り入れたいけれどJavaScriptを一から書くのは時間がかかりすぎたり敷居が高かったりいった方は多いと思います。今回はそんな方達に向けてユニークな動きを簡単にプラスできるjQueryプラグインをまとめたエントリー「10 fresh and fantastic jQuery plugins」を紹介したいと思います。

10fafjp_0
any list scroller – jQuery scrolling plugin by musings.it to scroll any list with any content – musings.it web design and development

汎用性の高いスライドメニューや、スクロールバーを変化させるものなど、様々なプラグインが紹介されています。今回はその中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 08:03  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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