TOP  >  パターン

Tag : パターン

2016年09月04日

デザインのクオリティを上げるシンプルな背景パターン「 75 Seamless Photoshop Pixel Patterns」

デザインの細部は宿ると言われており、細かな部分が全体なクオリティに繋がってくるものですが、WEBデザインも同様に細かな背景やパーツを作り込むことでクオリティが上がってきます。今日紹介するのはデザインのクオリティを上げるシンプルな背景パターン「75 Seamless Photoshop Pixel Patterns」です。

photoshop-seamless-patterns

非常にシンプルですが、基本的にはシンプルですが中には少し遊びのあるピクセルパターンが全部で75種類まとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design , Photoshop , WebDesign   
このエントリーをはてなブックマークに追加
2016年08月16日

水彩で描かれたオシャレなシームレスなパターンセット「Watercolor Seamless Patterns」

シームレスな背景素材は解像度が多様化しているWEBサイト制作においては非常に役立つ素材の一つです。今日紹介するのは暖かくて柔らかな印象を与えてくれる水彩で描かれたオシャレなシームレスなパターンセット「Watercolor Seamless Patterns」です。

wsp01

パターンは非常に実用的で、ドットから幾何学的な模様、破線のボーダーまで全部で8つのパターンが収録されています。全パターンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:38  |  
Category: Design , Photoshop   
このエントリーをはてなブックマークに追加
2016年05月14日

シームレスに使える 金色のカラーデザインが印象的なフリーパターンセット「Seamless Gold Pattern Set」

デザインに彩りを与えてくれるパターン素材。いろいろな種類のものが配布されていますが、中でもシームレスで、継ぎ目を気にすることなく敷き詰められるパターンはとても重宝します。今回はそんな、シームレスに使える「Seamless Gold Pattern Set」を紹介したいと思います。

gold1

金色のカラーデザインが印象的なフリーパターンセット。デザイン性もあり、おしゃれな印象にデザインを仕上げることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:20  |  
Category: Design   
このエントリーをはてなブックマークに追加
2016年03月26日

ジオメトリック柄のフリーテクスチャ&パターンまとめ「12 Free Geometric Textures & Patterns Sets For Your Design」

デザイン素材・種類として流行になっているものの一つとしてあげられるジオメトリック柄。いろいろなデザインシーンでよく見かけるため、使う際は他を差をつけてデザインしたいものです。今回はそんな時に参考にしたいジオメトリック柄のフリーテクスチャ&パターンまとめ「12 Free Geometric Textures & Patterns Sets For Your Design」を紹介したいと思います。

polygon0326_0
FREE!!! 5 Triangulation Mosaic backgrounds by mariannizmo on DeviantArt

定番ではあるけれど個性を感じさせるものを中心に、厳選された数ではありますが、活用しやすい・使ってみたいジオメトリック柄が揃っています。

詳しくは以下

(続きを読む…)

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

背景パターンやテクスチャを簡単に生成できるオンラインツールまとめ「12 Online Tools to Generate Seamless Background Patterns and Textures」

背景素材として、完成されたさまざまなテクスチャ等が配布されていますが、今回は、すでに用意されたものではなく自身で柄の出方や種類を選定しながら生成まで可能なオンラインツールまとめ「12 Online Tools to Generate Seamless Background Patterns and Textures」を紹介したいと思います。

pattenmker0
PlaidMaker # pa1

背景パターンやテクスチャを簡単に生成できるツールが紹介されています。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

継ぎ目なく敷き詰められる アイコンを使ったシームレスパターンまとめ「20 Free Seamless Icon Patterns for Designers」

背景に使用されるパターン素材は非常に便利ですが、少しネックとなるのは継ぎ目を加工しないと配置拡大して使用できないところ。今回はそんなデメリットを解消したシームレスなパターンの中でも、アイコンでデザインされたものをまとめた「20 Free Seamless Icon Patterns for Designers」を紹介したいと思います。

seamless0120_3
hipster hand drawn pattern Vector | Free Download

継ぎ目なく敷き詰められる、いろいろなテイストのアイコンパターンが豊富に紹介されています。気になったものをピックアップしましたので、下記よりご覧下さい。

詳しくは以下

(続きを読む…)

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

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

2017年12月23日

100種類の豊富なフリーフォントまとめ「100 Greatest Free Fonts for 2018」

冬はクリスマスやお正月、バレンタインデーといったイベントの多くなる季節です。イベントに合わせてWebサイトやポスター、グリーティングカードなどを作る機会も増えると思います。そんな時に活躍してくれる、100種類の豊富なフリーフォントまとめ「100 Greatest Free Fonts for 2018」を今回は紹介します。

freefonts2018_01
Lemon Tuesday Font | dafont.com

それぞれ違ったテイストのフォントが集約された便利なサイトです。中でも気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:37  |  
Category: Font   
2010年04月06日

jQueryとMySQLで実現するシンプルなToDo「AJAX-ed To Do List With PHP, jQuery & MySQL」

仕事などを進めていく上で非常に便利なやることを記録させていくツールToDo。多くのToDoツールがリリースされており、様々なサービスが展開されていますが、今日紹介するのはjQueryとMySQLで実現するシンプルなToDoリスト「AJAX-ed To Do List With PHP, jQuery & MySQL」です。

インターフェースは至ってシンプルで、追加して消すという動きが直感的にできるようになっています。複雑な事はできませんが、ToDoで必要な最低限な機能はすぐに実装できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:00  |  
Category: WebService   
2007年10月25日

記事の手動関連付けができるWPプラグイン「Related Posts Link」

関連記事の表示はSEO的にも効果を発揮するし、読者にとっても有益なリンクだと思います。今回紹介する「Related Posts Link」は手動で関連記事を記事に差し込む事ができるWordPressプラグイン「Related Posts Link」です。

インストール方法

1. 配布元の「erwin@terong » WP Plugin: Related Posts Link」より terong_related.phps を保存し、terong_related.php にリネーム。

2.[terong_related.php]を「wp-content/plugins/」アップロード

3.Related Posts Linkのプラグインを有効化。

利用方法

1. 記事投稿画面から関連付けを行いますが、新規投稿時には何も表示されません。関連記事を挿入する為には一旦記事を保存する必要があります。

2. 保存済み記事の記事投稿画面では、下記の画像のようにウィンドウの右上端に「Related Links」の項目が表示されます。

Related Posts Link

※「Related Links」をクリックすると保存時の状態に戻ってしまうため、追加編集したら必ず保存してから「「Related Links」」をクリックしてください。

3. 「 Related Links」をクリックすると、下記の画像のような実際に関連付けを行う別画面で開きます。
Related Posts Link2

※リストは投稿ステータスが「公開」の記事のみ。公開ステータスのパスワード付き記事はリストアップされますが、草稿・非公開の記事および「ページ」はリストアップされません。

4. 関連付けたい記事にチェックを入れ、[Update]ボタンをクリック、[Close this Window]をクリック。これで関連記事が表示されているはずです。

自動で関連記事を表示してくれるプラグインもありますが、DesignDevelopでは精度を上げる為に手動で関連記事を挿入する方法をとりました。膨大に記事を書いている方やジャンルが多岐にわたる方はタグによる関連記事の自動表示とかの方が良いかもしれません。

続きを読む
posted 07:05  |  
Category: plugin , WordPress   
2012年02月23日

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

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

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

詳しくは以下

(続きを読む…)

続きを読む
posted 10:36  |  
Category: Design   
2010年08月25日

2010年のハイクオリティなwordpressフリーテーマ100選「100 Free High Quality WordPress Themes: 2010 Edition」

高い拡張性の他に、世界中でリリースされている高いクオリティのデザインテーマが魅力の一つでもあるWordpress。今日紹介するのは2010年にリリースされたハイクオリティなwordpressフリーテーマを集めたエントリー「100 Free High Quality WordPress Themes: 2010 Edition」。


Cumulus (Free version)

ギャラリータイプのものグリッドレイアウト。ブロガー向き、マガジンタイプと様々なハイクオリティなフリーテーマが集められています。今日は今までDesigndevelopで紹介したことが無いテーマを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:49  |  
Category: WordPress   
2007年12月27日

サイト内検索の範囲を広げるプラグイン「Search Everything」

DesignDevelopもいつの間にか、記事が増えてきました。最近自分自身でも過去の記事を参照する時、WordPressの管理画面から検索して記事を探すと言う事をしていました。これでは普通に見ている人はとても使いづらい事は確実だなと思いサイト内検索を導入しました。

サイト内検索を広げるプラグイン

ただ標準のものを入れてもどうかと思い、サイト内検索を表示させるタイミングでサイト内検索の範囲を広げてくれるプラグイン「Search Everything」を入れましたので導入過程を記しておきたいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:38  |  
Category: plugin , WordPress   
2009年05月10日

秀逸なサムネイルデザインを集めた「Thumbnail In Web Design: Examples And Best Practices」

WEBをデザインする上で、欠かせない要素の一つがサムネイル。情報を一覧でさらにグラフィカルに見せてくれる非常に有効な手段ですが、このサムネイルもデザインで大きく印象が変わってきます。

athumb01

今日紹介するのはそんなサムネイルの秀逸なデザイン集「Thumbnail In Web Design: Examples And Best Practices」です。かなりの数のサムネイルが公開されていますが、今日はその中から気になった物をいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:39  |  
Category: WebDesign   
tag: webdesign
2011年07月20日

IllustratorでもPhotoshopでも使えるチェックパターン素材セット「10 Seamless Plaid Patterns for Illustrator and Photoshop」

デザインに利用する素材を探している時に、”せっかく良い素材が見つかったのに、使えるソフトが違って利用できない”という経験をされている方も多いはず。そこで今回は、IllustratorでもPhotoshopでも使えるチェックパターン素材がセットになった「10 Seamless Plaid Patterns for Illustrator and Photoshop」を紹介したいと思います。

明るめの柄からシンプルな柄まで、使いやすいチェックパターンが10種類もセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
2008年09月19日

hr罫線コンテスト「The <hr>-Contest Results – Download your fresh <hr>-line now!」

SMASHINGで罫線のクリエイティブを競うコンテスト「The <hr>-Contest Results – Download your fresh <hr>-line now!」が行われていて、世界中で384人のデザイナーから1290のイメージとソースファイルが集まったそうです。
 


応募されたhrの一部
 

本当に様々な罫線が集まったようですが、現在25種類の罫線で決勝が行われていて、読者から投票を募っています。今日は最終に残った罫線を紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:42  |  
Category: WebDesign   
tag: webdesign
2015年06月22日

幾何学的にデザインされたフリーフォント「20 Gorgeous Free Geometric Fonts to Download」

さまざまなテイストのデザインフォントが展開されており、いろいろな種類をストックされている方も多いかと思います。そんな中今回紹介するのは、幾何学的にデザインされたフリーフォント「20 Gorgeous Free Geometric Fonts to Download」です。

geometricfonts1
PIER SANS // FREE TYPEFACE with 4 New Styles on Behance

幾何学的とありますが、シンプルなテイストをベースに個性が演出されたフォントが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:16  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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