TOP  >  case

Tag : case

2017年11月15日

クリエイティブなデザインで魅せる 404エラーページ事例「20+ Fresh & Creative 404 Error Pages Examples For Your Inspiration」

リンクがクラッシュしている時などに表示される404エラーページ。目にする機会も多いページですが、意外とデザインは凝られていない部分でもあります。そんな細かいところまでデザインした事例をまとめた「20+ Fresh & Creative 404 Error Pages Examples For Your Inspiration」をご紹介いたします。

404ErrorPages_top
404 Not Found

魅力的な404エラーページのデザインサンプルがまとめられています。下記にいくつかピックアップ致しましたので、ご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2010年01月20日

シェイプから写真コラージュを自動生成してくれるフリーソフト「Shape Collage」

写真を数多く集めてつくるデザインコラージュ。今も多くの場所で使われている、昔からあるデザイン手法の一つですが、今回紹介するのは決められた形に任意の写真をパーツとして作る事ができるフリーソフト「Shape Collage」です。

shaopphoto

実際アプリケーションを利用しているスクリーンキャストが公開されていますので、下記に貼付けておきます。

動画は以下から

(続きを読む…)

続きを読む
posted 09:40  |  
Category: Tool   
2016年12月03日

CSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」

WEBサイトに欠かせないUI/UXの一つローディング。この小さなアニメーションで多くのストレスが軽減でき、かつ世界観を表現できます。ローディングアニメーションには様々な作り方がありますが、今回紹介するのはCSSのみで実現するカラフルポップなローディングアニメ「CSS PIN」です。

csspin

全部で10個のローディングアニメーションが公開されており、どれもクリエイティブでポップな印象を受けます。

詳しくは以下

(続きを読む…)

続きを読む
2013年04月26日

印象的な雲が豊富に揃うテクスチャまとめ「20 Dramatic Clouds Textures」

最近の暖かい春の日差しに、空を見上げることも多くなってきているのではないでしょうか?毎日、毎時間、一瞬として同じ表情のない空や雲の風景は、いつ眺めても感動させられるように思います。そんな中今回紹介するのが、印象的な雲が豊富に揃うテクスチャをまとめた「20 Dramatic Clouds Textures」です。


All sizes | sky-clouds-texture-19 | Flickr – Photo Sharing!

昼間の明るい雲の様子から、朝焼けや夕焼けの美しい雲まで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:18  |  
Category: Design   
2017年04月26日

Photoshopを便利に使いこなす 秀逸なアクションまとめ「20 Best Free Photoshop Actions Designers Should Download」

よく使用する一連の流れを記録し使用することができるPhotoshopアクションを使い、日々の業務時間短縮を図っているデザイナーは多いのではないでしょうか。そんな中今回ご紹介するのは、さまざまな種類のPhotoshopアクションをまとめた「20 Best Free Photoshop Actions Designers Should Download」です。

top
Desert Dust Photoshop Actions – Free Photoshop Brushes at Brusheezy!

魅力的なグラフィックを作り上げることができるアクションが紹介されています。いくつかピックアップしていますので、まずは下記よりご覧下さい。

詳しくは以下

(続きを読む…)

続きを読む
2013年02月18日

PSDファイルのWEBインターフェイス素材集「15 Free and Useful Web User Interface PSDs」

WEBを制作する際、photoshopを利用して制作しているという方も多いと思います。今日紹介するのはphotoshopで利用できるPSDファイルのWEBインターフェイス素材集「15 Free and Useful Web User Interface PSDs」です。


Transparent UI Kit

ある程度ユーザーインターフェイスの基本となるものがセットになっており、同じテイストで様々な素材を利用する事が可能です。全部で15の素材セットがまとめられていますが、今日はその中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:02  |  
Category: Design , Photoshop   
2007年10月20日

WordPressの投稿を便利にするプラグイン「WP-AddQuicktag」

今回紹介する「WP-AddQuicktag」はWordPressで記事を書くときにかなり便利なプラグイン。このプラグインを使うと投稿画面に任意のQuicktagを追加できるようになり、よく使う処理や、定型文を登録しておけば間違いなく記事を書く労力は削減されます。

インストール方法

1.「WP-AddQuicktag 」からプラグインをダウンロード(.txtになっているのでリネームしてください)

2.「wp-addquicktag.php」を「wp-content/plugins/」へアップロード

3.管理画面からプラグインを有効化

導入方法

AddQuicktagタグの設定タグは以下の通り

Buttontext:ボタンに表示するテキスト
Start tag(s):開始タグの中身
End tag(s):終了タグの中身(空要素タグの場合は空白)

タグセットを作るもよし、定型文を作っておくも良しと色々な使い方ができるプラグインだと思いますので、頻繁に更新する方は押さえておいても損は無いかと思います。

WP-AddQuicktag , plugin for adding quicktags – RMNL

続きを読む
posted 11:46  |  
Category: plugin , WordPress   
2012年12月23日

アイコンをWEBフォントで利用するためのパッケージジェネレーター「Fontello – icon fonts generator」

CSS3から、利用できるようになったWEBフォント。サーバー上に格納されているフォントデータを利用できる仕組みで、CSSを読みこませるだけで利用ができ、ユーザーのローカル環境に依存しないフォント構成が可能になります。今日紹介するのは、そんなWEBフォントを利用した、アイコンをWEBフォントパッケージジェネレーター「Fontello – icon fonts generator」です。

こちらは様々なアイコンが表示されていて、選択することで、そのアイコンがWEBフォントで利用できるソースファイルをダウンロードできるというものです。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:00  |  
Category: WebDesign   
2014年03月19日

写真に手軽にニュアンスを加えられるPhotoshopアクション「14 Time Saving And Free Photoshop Actions For Designers」

Photoshopでは写真にいろいろな加工を施すことができますが、なかなか思い通りのイメージに仕上がらない時もあるのではないでしょうか?そんな中今回紹介するのは、写真に手軽にニュアンスを加えられるPhotoshopアクション「14 Time Saving And Free Photoshop Actions For Designers」です。

action0319_1
+PSD – #006 by MixColors on deviantART

ヴィンテージ調から、写真をよりキレイに美しく見せてくれるものまで、いろんなパターンのアクションが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:04  |  
Category: WebService   
2014年12月01日

3種の形式を揃えたラインアイコンセット「300+ line icons」

アイコンの中でも、線で輪郭が描き出されたラインアイコンは、シンプルなテイストのものが多いだけに重宝するもの。そんな中今回紹介するのは、3種の形式を揃えたラインアイコンセット「300+ line icons」です。

line300_1

300種もの、さまざまな種類のアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

コーヒーのシミが紙に味わいを演出したペーパーテクスチャセット「10 Coffee Paper Textures」

背景素材として活躍してくれるテクスチャ。持っていると非常に重宝し便利な素材です。そんな中今回は、テクスチャのコレクションなどにぜひ加えておきたいテクスチャセット「10 Coffee Paper Textures」を紹介したいと思います。

coffeepaper0

コーヒーのシミが紙に味わいを演出したペーパーテクスチャのセットとなっています。

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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