TOP  >  ページネーション

Tag : ページネーション

2014年01月29日

デザイン性のあるページネーションpsd「25 Free Pagination PSDs For Web Designers」

ブログやページ構成のあるwebサイトなどを制作する際に使用するページネーション。わかりやすさを求める故、どうしても無難なデザインになってしまうことも多いのでは?今回はそんな時に活用したい、デザイン性のあるページネーションpsd「25 Free Pagination PSDs For Web Designers」を紹介したいと思います。

pagination1
Sleek pagination PSD (3 colors) | GraphicsFuel.com

さまざまなテイストのページネーションpsd素材が25種類まとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2008年11月16日

オンライン上で作成・公開ができる投票型アンケートシステムまとめ

現在進めているプロジェクトで簡易なオンラインアンケートを設置しないと行けなくなり、今まであまりWEBでアンケートということを自分自身で使ったことがなかったので、今回は調べながらまとめていきたいと思います。


photo by Mykl Roventine Flickr

今回のアンケートシステムの条件は投票型で、投票結果が閲覧できる。インストール型ではなくて、レンタルでオンライン上で作成・公開ができるという条件のもとに探してみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:48  |  
Category: WebService   
2015年08月05日

多彩な種類を揃えた フリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」

フリーで配布されているモックアップ素材。非常にクオリティの高いものが多く、利用するだけでデザイン性を高めることができます。今回はそんなフリーPhotoshopモックアップテンプレート集「Free Photoshop PSD Mockup Templates (25 New MockUps)」を紹介したいと思います。

mock0805_1
Free 10 Summer Work Mockups Bundle | MockupWorld

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

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Photoshop   
2012年08月24日

さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャまとめ「New Textures For You To Use In Your Designs – 31 Items」

デザイン制作をしていると、イメージフォトや素材として利用しやすいテクスチャなど、いろいろな素材を探す機会が多いと思います。そんな中今回紹介するのが、さまざまなシーンで活躍してくれる、比較的最近公開されたテクスチャをまとめた「New Textures For You To Use In Your Designs – 31 Items」です。


Coffee Stain Texture (hi-res) by *TwinklePowderySnow on deviantART

イメージとして利用しやすいテクスチャから存在感のあるテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:48  |  
Category: Design   
2010年01月06日

photoshopで使える煙ブラシセット集「350+ Smoke Brushes for Photoshop」

料理の湯気だったりタバコの煙だったり、様々なシーンで演出的に使われる煙。今回紹介するのはphotoshopで使える煙ブラシセット集「350+ Smoke Brushes for Photoshop」というエントリーです。

smoke01
Thick Curly Smoke Brushes

様々なタイプの煙を表現したphotoshopブラシが紹介されています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: Design , Photoshop   
2015年11月05日

さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」

デザイン設計時にワイヤーフレームを使って構成を確認・設計することで、完成までのイメージを頭に想像できるとともに、進行・作業をスムーズに行うことが可能となります。今回はそんな設計時に利用したい、さまざまな種類のワイヤーフレームを集めたサイト「UI Tiles」を紹介したいと思います。

uitiles1

シンプルなテイストのワイヤーフレームが多数まとめられており、設計するサイトに合わせ選択し活用することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: Design   
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   
2009年07月23日

背景パターンを選択してダウンロードできるWEBサービス「PatternWall.com」

WEB制作を行なうにあたりそのサイトの雰囲気を大きく左右するのが背景。色だったりパターンだったりテクスチャだったり様々な背景がサイトのテイストに併せて展開されていますが、今日紹介する「PatternWall.com」はそんな背景パターンをダウンロードできるWEBサイトです。

picture01

上記のようにグリッドに背景が引き詰められており、選択する事で、全面がその徘徊に切り替わります。さらにDownloadのボタンをクリックする事で、表示されている背景がjpgでダウンロードで切ると言うものになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:39  |  
Category: Font , WebDesign   
tag: webdesign
2014年09月26日

本物のようにリアルな質感を表現できる イラストレーターチュートリアルまとめ「Illustrator Tutorials: 26 Amazing Tutorials to Learn Digital Illustration」

イラストレーターを日々使っていても、難しいグラフィック表現を作り出すのはなかなか大変なもの。どんな機能を使ったらよいのか、分からず困ってしまった経験をしたことがあるという方も多いのでは?そんな中今回紹介するのは、本物のようにリアルな質感を表現できるイラストレーターチュートリアルまとめ「Illustrator Tutorials: 26 Amazing Tutorials to Learn Digital Illustration」です。

tutorials0926_1
Video Tutorial: How To Create A Vintage Badge Using Adobe Illustrator | Solopress

イラストレーターのいろんな機能の使い方を覚えながら、クオリティの高い加工を施すことができるチュートリアルが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:17  |  
Category: Design   
2008年10月26日

CS3&WEB2.0風のアイコンを簡単に作成できる「Icon Generator」

CS3のグラデーションの掛かった四角に白抜きというシンプルなアイコンやWEB2.0風のバッジアイコンをを簡単に再現してくれるのが今回紹介する「Icon Generator」です。

photoshopでもシンプルなので簡単に作れますが、「Icon Generator」を使えば文字と色を決めるだけで、アイコンを作ることができます。試しに当サイトの姉妹サイト「Designworks」の頭文字とサイトカラーでCS3風アイコンを生成してみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:56  |  
Category: Tool , WebDesign   
2016年09月23日

グラデーションを操るjavascript「Granim.js」

様々なデザインで活用されるグラデーション。その表現方法によっては色に深みが出たり、奥行きがでたりと単色では表現できない感覚を与えてくれますが、今日紹介するのはグラデーションを操るjavascript「Granim.js」です。

granim1

この「Granim.js」はjavascriptを利用して特定の色から特定の色までをシームレスに変化させる事が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: javascript , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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