デザイン | Web活メモ帳 https://blog.verygoodtown.com WEB開発者が使える世界の情報を発信します Fri, 28 Mar 2014 12:02:04 +0000 ja hourly 1 https://wordpress.org/?v=5.9.10 122803348 スマホ用UIを作る際に参考になるワイヤーフレームのGIFアニメ https://blog.verygoodtown.com/2014/04/incredible-mobile-ui-animations/ https://blog.verygoodtown.com/2014/04/incredible-mobile-ui-animations/#respond Tue, 01 Apr 2014 01:00:05 +0000 http://blog.verygoodtown.com/?p=8844 スマホ用UIを作る際に参考になるワイヤーフレームのGIFアニメがまとめられた「20 Incredible Mobile UI Animations in GIFs」と言うエントリーをご紹介。 デザインを作る際には実際に使 […]

The post スマホ用UIを作る際に参考になるワイヤーフレームのGIFアニメ first appeared on Web活メモ帳.]]> 20130328 03

スマホ用UIを作る際に参考になるワイヤーフレームのGIFアニメがまとめられた「20 Incredible Mobile UI Animations in GIFs」と言うエントリーをご紹介。

デザインを作る際には実際に使っている様子をGIFアニメにする事で、
アプリをどのような機能にするか、アプリのコンセプトなどを紹介する事に使える。

これからスマホ向けアプリやサイトを作る際に参考にしてみてはいかがでしょうか。

20130328 04

20130328 05

20130328 06

他にも見てみてい方は下のリンクからどうぞ
20 Incredible Mobile UI Animations in GIFs

The post スマホ用UIを作る際に参考になるワイヤーフレームのGIFアニメ first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2014/04/incredible-mobile-ui-animations/feed/ 0 8844 レトロなWebデザイン36 https://blog.verygoodtown.com/2011/09/36-cool-retro-websites-for-inspiration/ https://blog.verygoodtown.com/2011/09/36-cool-retro-websites-for-inspiration/#respond Fri, 02 Sep 2011 01:00:47 +0000 http://blog.verygoodtown.com/?p=7753 レトロなWebデザインを36個まとめた「36 Cool Retro Websites For Inspiration」をご紹介。 モダンなサイトを作る際のインスピレーションに使えそうです。 以下のようなサイトが紹介されて […]

The post レトロなWebデザイン36 first appeared on Web活メモ帳.]]> レトロなWebデザインを36個まとめた「36 Cool Retro Websites For Inspiration」をご紹介。

モダンなサイトを作る際のインスピレーションに使えそうです。

以下のようなサイトが紹介されています。

20110830 04

20110830 05

20110830 06

20110830 07

20110830 08

20110830 09

20110830 10

20110830 11

20110830 12

懐かしい感じが良いですね。
その他にも紹介されていますので、詳しく見たい方は下のリンクからどうぞ。

The post レトロなWebデザイン36 first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2011/09/36-cool-retro-websites-for-inspiration/feed/ 0 7753 有料だけど超クールな管理画面用テンプレートのまとめ「35 Premium Admin and CMS interface HTML templates」 https://blog.verygoodtown.com/2011/06/35-premium-admin-and-cms-interface-html-templates/ https://blog.verygoodtown.com/2011/06/35-premium-admin-and-cms-interface-html-templates/#respond Thu, 09 Jun 2011 01:07:16 +0000 http://blog.verygoodtown.com/?p=7476 有料だけど超クールでかっこいい管理画面用のテンプレートが「35 Premium Admin and CMS interface HTML templates」というエントリーでまとめられていたのでご紹介。 クライアントへ […]

The post 有料だけど超クールな管理画面用テンプレートのまとめ「35 Premium Admin and CMS interface HTML templates」 first appeared on Web活メモ帳.]]> 有料だけど超クールでかっこいい管理画面用のテンプレートが「35 Premium Admin and CMS interface HTML templates」というエントリーでまとめられていたのでご紹介。

クライアントへのCMS納品時に管理画面のデザイン費用は取れない場合や、
社内の人間しか使わないシステムの場合などなど、
できるだけ手軽に使いやすい画面を構築する際に使えそうです。

ほとんどのテンプレートでJavaScriptが利用されており、
リッチなインターフェイスになっているのが特徴です。

Adminica Professional Admin Template

20110609 01

Terminator admin template with 13 different Admin Backend pages

20110609 02

TurboAdmin Panel

20110609 03

WeAdmin Admin Control Panel

20110609 04

Reality Admin Template

20110609 05

有料とはいえ、ほとんどが1000円〜3000円程度のものでした。
デザインができない、時間を節約したいという方にもおすすめです。

リンク先にはわかりずらいですが、２ページ目もあるので
全部みたいという方はじっくりどうぞ。

The post 有料だけど超クールな管理画面用テンプレートのまとめ「35 Premium Admin and CMS interface HTML templates」 first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2011/06/35-premium-admin-and-cms-interface-html-templates/feed/ 0 7476 商用利用可能で無料でダウンロードできるマガジンスタイルのPSDテンプレート https://blog.verygoodtown.com/2011/01/magazine-style-wordpress-theme-psd/ https://blog.verygoodtown.com/2011/01/magazine-style-wordpress-theme-psd/#respond Wed, 05 Jan 2011 03:24:38 +0000 http://blog.verygoodtown.com/?p=5884 フリーでデザイン素材を配布しているPremium Pixelsから 商用利用可能なマガジンスタイルのPSDテンプレートが「MAGAZINE STYLE WEB LAYOUT (PSD)」というエントリーにて配布されていた […]

The post 商用利用可能で無料でダウンロードできるマガジンスタイルのPSDテンプレート first appeared on Web活メモ帳.]]> 20110104-04

フリーでデザイン素材を配布しているPremium Pixelsから
商用利用可能なマガジンスタイルのPSDテンプレートが「MAGAZINE STYLE WEB LAYOUT (PSD)」というエントリーにて配布されていたのでご紹介。

PSDファイルは３つ同梱されており、ホームページ、カテゴリページ、ポストページがそれぞれ含まれています。

すべてのファイルは個人および商用利用可能ですが、
販売または再配布することはできません。

有料ですが、同じデザインのWordPressテーマもダウンロードできるようになっていました。
デザインの参考にも使えそうですね。

The post 商用利用可能で無料でダウンロードできるマガジンスタイルのPSDテンプレート first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2011/01/magazine-style-wordpress-theme-psd/feed/ 0 5884 ブラウザ画面のPSDデータがダウンロードできるサイト https://blog.verygoodtown.com/2010/08/browser-psd-download/ https://blog.verygoodtown.com/2010/08/browser-psd-download/#respond Sun, 22 Aug 2010 00:55:15 +0000 http://blog.verygoodtown.com/?p=4837 「Photoshop Browser Templates」はブラザウのPSDデータがダウンロードできるサイトです。 ダウンロード可能なブラウザはWin IE、Win Firefox、Mac Firefoxとなっております […]

The post ブラウザ画面のPSDデータがダウンロードできるサイト first appeared on Web活メモ帳.]]> 20100815-07
「Photoshop Browser Templates」はブラザウのPSDデータがダウンロードできるサイトです。

ダウンロード可能なブラウザはWin IE、Win Firefox、Mac Firefoxとなっております。

３種類の解像度が用意されており、それぞれ1280 × 1024、1024 × 768、800 × 600となっています。

簡単に編集可能なように
タイトル、アドレスバー、ファビコン、スクロールバーが用意されています。

興味のある方はぜひダウンロードしてみてください。

The post ブラウザ画面のPSDデータがダウンロードできるサイト first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2010/08/browser-psd-download/feed/ 0 4837 フォームを簡単にデザインできるCSSフレームワーク「Formee」 https://blog.verygoodtown.com/2010/05/form-css-framework-formee/ https://blog.verygoodtown.com/2010/05/form-css-framework-formee/#respond Sun, 02 May 2010 00:28:36 +0000 http://blog.verygoodtown.com/?p=4294 「Formee」はフォームを作成する際に使えるCSSフレームワークです。 XHTMLとCSSのみで構築されており、組み込みも簡単にできるようです。 使い方は2つのCSSを読み込むだけになっています。 input要素やte […]

The post フォームを簡単にデザインできるCSSフレームワーク「Formee」 first appeared on Web活メモ帳.]]> 20100501-01
「Formee」はフォームを作成する際に使えるCSSフレームワークです。
XHTMLとCSSのみで構築されており、組み込みも簡単にできるようです。

使い方は2つのCSSを読み込むだけになっています。

input要素やtextareaの配置だけでなくエラーメッセージにも使える要素がありました。

20100501-02
デモ

フォーム周りは以外とCSSを書くのが大変なので、こういったフレームワークの登場は嬉しいですね。

クロスブラウザにも対応しており、カスタマイズも簡単にできるそうです。
興味のある方はダウンロードしてみてください。

The post フォームを簡単にデザインできるCSSフレームワーク「Formee」 first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2010/05/form-css-framework-formee/feed/ 0 4294 高品質なPhotoshopのブラシを無料でダウンロードできるサイト65選 https://blog.verygoodtown.com/2010/04/higi-quality-photoshop-brushes-free-download-65/ https://blog.verygoodtown.com/2010/04/higi-quality-photoshop-brushes-free-download-65/#respond Mon, 12 Apr 2010 00:12:38 +0000 http://blog.verygoodtown.com/?p=3964 Photoshopでデザインする際に便利なツールにブラシがあります。自作で作られている方も増えているようで無料でダウンロードできるサイトも増えてきました。 本日はブラシがダウンロードできるサイトをまとめた「65 Best […]

The post 高品質なPhotoshopのブラシを無料でダウンロードできるサイト65選 first appeared on Web活メモ帳.]]> Photoshopでデザインする際に便利なツールにブラシがあります。自作で作られている方も増えているようで無料でダウンロードできるサイトも増えてきました。
本日はブラシがダウンロードできるサイトをまとめた「65 Best Websites To Download Free High Quality Adobe Photoshop Brushes 」というエントリーのご紹介。

いざ探そうと思ったときには中々良いものが見つからないので、覚えておきたいですね。

詳しくは以下

BrushKing

20100411-01

サイト

山ほどダウンロードできます！
現在では6000個以上のブラシがダウロード可能になっています。

brusheezy


20100411-02

サイト

厳選されたブラシを紹介してくれます。
500以上のブラシあり。

Photoshop Brushes

20100411-03

サイト

ブラシ以外にもカスタムシェイプやパターンファイルがダウンロードできます。

GetBrushes.com


20100411-04

サイト

クールなPhotoShop用ブラシがダウンロードできます。

deviantART

20100411-05

サイト

デザイナーのためのコミュニティサイト。

FBrushes

20100411-06

サイト

5000個以上のブラシが探せます。テクスチャもあり。

WOW Brushes


20100411-07

サイト

ベクター素材も置いてたりします。

PS Brushes

20100411-08

サイト

500以上のブラシがあります。

QBrushes

20100411-09

サイト

カテゴリ以外にもタグから検索可能。

Celestial Star

20100411-10

サイト

Paint Shop Pro用のブラシも配布。サイトデザインもきれいです。

Free-brushes

20100411-11

サイト

Photoshop、GIMP、Paint Shop Proそれぞれのブラシがあります。

In obscuro

20100411-12

サイト

対応しているPhotoshopのバージョンも細かく明記されています。
7.0に対応しているブラシも多かったので、まだCSを使ってない方には良いかもしれません。

Brushfed

20100411-13

サイト

かなり個性的なブラシが多い。

bashcorpo

20100411-14

サイト

コミカルなデザインブラシが多い。

BioRUST

20100411-15

サイト

ブラシの他にアクションもダウンロード可能。

Brushes Download

20100411-16

サイト

4000個以上ダウンロードできます。

Findbrushes

20100411-17

サイト

ブラシ検索エンジン。1万3千以上のアイコンから探す事ができます！

Adobe – Photoshop Brushes


20100411-18

サイト

言わずと知れたAdobeのサイトです。ここにもハイクオリティなブラシがたくさんあります。

個人利用の場合は全て無料ですが、商用利用の場合はそれぞれライセンスをご確認ください。
サイトでは他にもまだまだ紹介されています。興味のある方はぜひご覧になってください。

The post 高品質なPhotoshopのブラシを無料でダウンロードできるサイト65選 first appeared on Web活メモ帳.]]> https://blog.verygoodtown.com/2010/04/higi-quality-photoshop-brushes-free-download-65/feed/ 0 3964