Webサイトをレイヤーに分けて保存できる「Page Layers」｜designaholic -Creative Column-

2012/12/17 21 users レイヤー Creative Column Webサイト

久々の更新になってしまいましたがおもしろいMac Appを見つけたのでご紹介します。 パット見はただのキャプチャツールのようですが、なんとレイヤー分けたPSD形式で保存できるというシロモノ。 デモムービーを見ると使い方も簡単そうですね。 ちなみにTwitterを保存するとこんな感じです。公式サイトにはTwitterやfacbookをキャプチャしたサンプルPSDもありました。 有料Appで$28.9... 続きを読む

WEBサイト高速化に便利！「Google PageSpeed Insight」｜designaholic -Creative Column-

2012/06/04 70 users Creative Column WEBサイト高速化

「0.1秒の遅れが1%の売上に影響する」と言われるくらいWEBマーケティングでは重要度の高いWEBサイトの表示速度ですが、Googleが提供する現状分析と改善方法を提示してくれるサービスを紹介します。 使い方は簡単。こちらにアクセスして解析したいWEBサイトのURLを入力します。 すると以下のように改善点をリストアップし、優先度ごとに表示してくれます。 さらに項目を選択すると、具体的な改善策を提示... 続きを読む

視覚と聴覚を刺激する音楽系WEBサイト30個｜designaholic -Creative Column-

2011/10/03 19 users 聴覚 視覚 Creative Column

音楽系のWEBサイトデザインのまとめです。  giversband  buty  komplex457  therecord  michelle-carrillo  thebrightmusic  さらに見たい方はこちらからどうぞ30 Inspiring Music Websites For Design Inspiration 10年前はYahooジオシティーズにバンドのWEBサイトを作成し、ラ... 続きを読む

マーケティング心理学｜認知的不協和｜designaholic -Creative Column-

2011/09/29 27 users Creative Column

認知的不協和とは、アメリカの心理学者レオン・フェスティンガーによって提唱された人が矛盾する認知を同時に抱えたときに覚える不快感を表す社会心理学用語です。人はこれを解消するために、自身の態度や行動を変更すると考えられています。  例えばおいしいと評判のラーメン屋に行って行列に並んで食べたがあまりおいしいと思えなかった経験はあるでしょうか？  このとき人は「おいしいと評判の店。行列に長時間並んだ。」な... 続きを読む

これは便利。PSD形式のFacebookページ用テンプレート｜designaholic -Creative Column-

2011/09/21 33 users PSD形式 Creative Column

Facebookページ作成用のテンプレート素材が配布されていたのでご紹介します。   テンプレートは以下のように数パターンあり、ピクセル単位で正確に作られています。           テンプレートはひとつのPSDファイルにレイヤーに分かれて格納されてます。     パーツ単位で分かれているので、実際にfacebookにどのように表示されるかイメージしながら作るのに非常に重宝しますね。以下のページ... 続きを読む

色とWEBデザイン　-ピンク編-｜designaholic -Creative Column-

2011/09/20 39 users 過言 柔らかい印象 時点 女の子 ケース

色別WEBデザインのまとめです。今回のテーマは「ピンク」です。  色の特徴とイメージ   ピンクと言えば女の子の色と言っても過言でないと思いますが、WEBサイトに用いてもやはり可愛い印象、女の子向けのWEBサイトというイメージになりますね。   ピンクを選択する時点で女性向けであるケースがほとんどだと思いますがひと口にピンクといってもいろいろありますね。薄めのピンクだと柔らかい印象になりますし、濃... 続きを読む

ぜひ参考にしたいオシャレで使いやすい22個の管理画面｜designaholic -Creative Column-

2011/09/07 63 users Creative Column オシャレ 参考 管理画面

WEBアプリなどの管理画面向けのテンプレートのまとめです。  Simpla Admin  Wide Admin  Splash Manager  Flexy Admin  Primo Control Panel  Dark Admin  さらに見たい方はこちらからどうぞ22 Awesome Admin Panels For Web Developers 大規模システムの管理画面ほど使いづらかったり... 続きを読む

クリエイティブなシングルページWEBサイト20選｜designaholic -Creative Column-

2011/09/06 36 users Creative Column

１枚構成のビジュアルをベースにしたWEBサイトのまとめです。  Naomi at Kinson Design     Davide Colla     Enzo Li Volti     David Nwator     Desamo     Fork     もっと見たい方はこちらからどうぞ 20 Fantabulous Single Page Websites  最近はjQueryなどを利用し... 続きを読む

マーケティング心理学｜準拠集団｜designaholic -Creative Column-

2011/08/31 20 users 信念 規範 クチコミ 態度 マーケティング手法

近年、クチコミやソーシャルメディアを利用したマーケティング手法が多くみられますが、あわせて考えないといけないのがこの｢準拠集団｣です。   準拠集団とは 準拠集団 (reference group) とは社会学、社会心理学の用語。人の価値観、信念、態度、行動などに強い影響を与える集団の事。家族、地域、学校、職場など。構成員に対して、「かくあるべき」との規範を科すのが特徴。ただし、準拠集団となるのは... 続きを読む

徹底比較。クロスブラウザのテストツール15個｜designaholic -Creative Column-

2011/08/29 508 users クロスブラウザ Creative Column 徹底比較

HTML5や新しいデバイスの登場で今後も頭を悩まされそうなクロスブラウザのテストですが、テストツールがまとめられていたので紹介します。 Adobe BrowserLab Browsershots SuperPreview Lunascape 6 IETester IE NetRenderer Spoon Sauce Labs Browsera Browserling Mogotest Cloud ... 続きを読む

売れるECサイトの商品ページに必要な10の要素｜designaholic -Creative Column-

2011/08/29 127 users カタログ etc カゴ レジ横 きっかけ

みなさんは何かを購入するとき、どうやって購入に踏み切りますか？ 例えば、使ってみて気に入ったからリピート購入。カタログを穴があくほど検討して購入。 好きな有名人が持っていたから。レジ横にあって思わずカゴにいれてしまった。…etc そこには納得できる情報や何かきっかけがあったはずです。それを論理的に把握して要素を構成することで、誰でも「売れる商品ページ」をつくることができるようになります。  購買行... 続きを読む

デザイナーなら必ず知っておきたい国内素材サイト22選｜designaholic -Creative Column-

2011/08/22 1907 users Creative Column デザイナー

デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです。  gettyimages 商用利用：有料 素材：写真・イラスト・動画・音源     amanaimages 商用利用：有料 素材：写真・イラスト・動画・3Dモデリング     paylessimages 商用利用：有料 素材：写真・イラスト     Aflo 商用利用：有料 素材：写真・イラスト     PIXTA 商用利用... 続きを読む

紙のテクスチャが素敵なWEBデザイン35個｜designaholic -Creative Column-

2011/08/10 27 users テクスチャ Creative Column

続きを読む

色とWEBデザイン　-あか編-｜designaholic -Creative Column-

2011/07/26 48 users Creative Column webデザイン

色別WEBデザインのまとめです。今回のテーマは「赤」です。  色の特徴とイメージ   赤は活力を感じさせる色で人の感情や食欲を刺激する効果もあるのでバーゲンセールの告知や料理の紹介などユーザーの欲求をかき立てたい場合などに効果的ですね。   また、売り感の強いものだけでなくトーンを調整したり無彩色とあわせて使うことで高級感や洗練されたイメージを演出することもできます。   ポイントでは膨張色で視認... 続きを読む

フリーで使えるアクセス解析ツール15選+2｜designaholic -Creative Column-

2011/06/13 25 users Creative Column

個人的には「Woopra」が気になりますね。最近ではフリーでも高機能なものが増え、それぞれ特徴があるのでいろいろ試してみたいですが、あまり乗り換えずひとつのツールに絞って使いこんでいった方がいいかもしれませんね。 続きを読む

思わず笑みがこぼれてしまう写真たち｜designaholic -Creative Column-

2011/06/02 25 users 笑み Creative Column 写真たち

見ているだけで微笑んでしまう写真を紹介します。仕事につかれた時にでもどうぞ。  問答無用の可愛さですが、アイデアもおもしろいです。 当人たちは寝てるだけなんですがね。。 続きを読む

WEBディレクタなら知っておきたいWEBサービス25選｜designaholic -Creative Column-

2011/05/31 983 users WEBディレクタ Creative Column

ある程度の規模のWEBサイトを構築する際には、サイト内検索など様々な機能が必要になることがありますね。 その際にASPやAPIなどのサービスを利用することでコストをおさえて効率的にWEBサイトを構築することができます。そんな様々なWEBサービスを用途別にご紹介します。  サイト内検索   i-search 検索結果にキャプチャを表示することができ、カスタマイズの柔軟性も高いです。 続きを読む

商品の魅せ方がお洒落なECサイト25個｜designaholic -Creative Column-

2011/05/25 36 users 訴求 コンバージョン ザッポス キャンペーン 動画

続きはこちらからどうぞ 25 ECommerce Web Designs キャンペーンなどのお得感の訴求も大事ですが、やはり商品の魅せ方が大事なんだと感じさせられますね。   これからは動画もどんどん取り入れられていくんでしょうね。あの有名なザッポスも商品動画を追加した商品のコンバージョンが6-10%増えたそうです。 続きを読む

膨大なストリートアートが見れる「STREET ART UTOPIA」｜designaholic -Creative Column-

2011/05/10 12 users チョーク 街並み Facebookページ 異空間 3Dアート

「STREET ART UTOPIA」というFacebookページがおすすめなので紹介します。  続きを見たい方はこちらからどうぞ STREET ART UTOPIA すでに3,000枚近いストリートアートがアップされていて、ほぼ毎日更新されています。   他にも何度かストリートアートを紹介していますのであわせてどうぞ。 チョークで描かれた3Dアートがスゴすぎる。 平和な街並みを異空間に変えてしま... 続きを読む

WEB制作者なら必ず入れておきたいFirefoxアドオン50個｜designaholic -Creative Column-

2011/04/13 59 users アドオン Firefox Chrome 用途 メイン

もっと見たい方はこちらからどうぞ 50 Most Wanted FireFox Extentions For Web Geeks   用途は限定的ですが、WEB制作者には助かるアドオンが満載です。実はChromeをインストールしながらもメインはFirefoxを利用しているのですが、このアドオンの豊富さが一番の魅力ですね。 続きを読む

より良いナビゲーションにするためのjQueryプラグイン40個｜designaholic -Creative Column-

2011/04/11 36 users Creative Column 良いナビゲーション

見た目だけでなく、動きやスピードなどの最適化も求められるナビゲーションですが、そんな時に重宝するプラグインのまとめです。  MooTools Homepage Effect using jQuery 続きを読む

美しいナビゲーションが素敵なWebサイト25個｜designaholic -Creative Column-

2011/04/01 14 users Creative Column

続きはこちらからどうぞ。25 Examples of Interesting and Beautiful Navigation どんなにコンテンツがよくてもナビゲーション次第でWebサイトのクオリティが大きく変わるともいえるくらい重要な要素ですね。 やっぱり誰もが直感的に操作できて、触っているとサイトの構造が理解できるようなナビゲーションを設計したいですね。 続きを読む

やっぱり便利！Googleのサービスをまとめてみた｜designaholic -Creative Column-

2011/03/28 695 users 代名詞 ツール Google検索テクニック 参考 Webページ

今や仕事でもプライベートでも多く利用していて手放せないGoogleのツールやサービスですが、どれだけあるのかまとめてみました。  Google検索   まずはこれがないと始まらないGoogleの代名詞でもあるWebページの検索 ですね。     さらに検索機能を活用したい方はこちらも参考にどうぞ。 もう｢ググれ｣と言われても困らない！Google検索テクニック 続きを読む

WEB制作者なら必ず知っておきたいWEBツール21選｜designaholic -Creative Column-

2011/03/23 2399 users Creative Column WEB制作者

便利なジェネレータやチェックツールなどWEBサイトを制作する際に重宝するいろいろなWEBツールを工程別にご紹介します。 デザイン   Stripe Generator 背景画像に利用できる様々なストライプ画像を生成できます。 続きを読む

jQuery+CSSで実現する効果的な演出20選｜designaholic -Creative Column-

2011/03/22 95 users jQuery+CSS Creative Column

CSSをで制御して様々な演出をしているjQueryプラグインのまとめです。 Create a unique Gallery by using z-index and jQuery 続きを読む