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

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

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

WEB担当者の為のプロジェクト成功術　後編｜designaholic -Creative Column-

2012/07/23 30 users Web担当者

今回は発注先も決定し、実際にプロジェクトが始まってからです。前回も述べましたがプロジェクトの失敗とは主に品質が悪い・コスト超過・納期の遅延・目的の未達成の4項目になります。これらを引き起こさないためのプロジェクト進行のポイントを紹介します。 1.プロジェクト計画書をつくろう。 実際にプロジェクトが立ち上がったらプロジェクト計画書を作りましょう。ここでは プロジェクトのゴール 作業スコープ 納期、納... 続きを読む

WEB担当者の為のプロジェクト成功術　前編｜designaholic -Creative Column-

2012/07/17 25 users Web担当者

少し前のデータですが、日経コンピュータの調査によるとITプロジェクトは成功率は31.1%だそうです。つまり約7割のプロジェクトは何かしら失敗をしているということになります。 失敗の内容は主に以下の点です。 品質が悪い コスト超過 納期の遅延 目的の未達成 今回はこのような失敗を招かないようにプロジェクトを成功させる為のポイントを発注者視点でまとめてみました。まずは自社内でWEBサイト制作をしよう決... 続きを読む

プレゼン・企画書づくりに役立つ記事・ツールまとめ｜designaholic -Creative Column-

2012/06/11 152 users プレゼン Presentation 企画書づくり 聴衆 一種

今回は私が企画書を書いたり、プレゼンをする時に役に立った情報や活用しているツールをまとめてみました。いわゆるプレゼンではなくても資料をつくり、誰かに説明をするという機会のある方にも参考になると思いますのでぜひご覧ください。 そもそもプレゼンってなんだろうということでWikipediaで調べてみると プレゼンテーション (Presentation) とは、情報伝達手段の一種で、聴衆に対して情報を提示... 続きを読む

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

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

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

WEBマガジンスタイルの海外サイトまとめ｜designaholic -Creative Column-

2012/05/29 30 users

WEBマガジン形式にレイアウトされたWEBサイトのまとめです。記事ごとのプライオリティのつけ方や文字情報が多くても単調にさせないアクセントなど参考になりますね。 Glamour Paris The Boston Globe The Style Spy Mad About Makeup Pacsun Music Blizz Blog 実はこのブログもWEBマガジンのようにしていきたいと思い、画策中で... 続きを読む

あなたはどのタイプ？facebookでの行動パターン11｜designaholic -Creative Column-

2012/05/07 24 users Facebook Fac おしどり ハイエナ タイプ

facebookのユーザーが11のタイプに分かれるという記事が興味深かったのでご紹介します。 以下のような11のタイプがいるそうです。 Hyena（ハイエナ） 人の投稿を見て笑うだけで自分は何も発信しない人。 Lurker（潜む人） 自分からは投稿やコメントなど何もしないが、すべての記事を読んで友達のステータスをすべて把握している人。 Rooster（おしどり） それが仕事かと思うくらい毎日fac... 続きを読む

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

2011/10/03 19 users designaholic 聴覚 視覚

音楽系の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 designaholic

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

HTML5でできることがひと目で分かるWEBサイトまとめ｜designaholic -Creative Column-

2011/09/25 107 users ひと目 HTML Move Sketch Native

話題のHTML5ですが、書籍やセミナーもどんどん増えてきてますね。そんなHTML5ってどんな事ができるのかひと目で分かるWEBサイトのまとめです。  Coil    Google Gravity  Canvas ribbon & iOS4.2 device orientation  Sketch  404  BreakDOM  Move. Pick Up. Drop  Make3D: Native... 続きを読む

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

2011/09/21 33 users designaholic PSD形式

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

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

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

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

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

2011/09/07 63 users designaholic オシャレ 参考 管理画面 22個

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 designaholic

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

まずはフォローしておきたい企業のmixiページまとめ｜designaholic -Creative Column-

2011/09/02 25 users LAWSON ユニバ 企業 無印良品 スターバックス

リリース直後からすごい勢いで増えているmixiページですが、ぜひフォローしておきたい企業のmixiページのまとめです。純粋に閲覧を楽しむにも作成の参考にするにも必見のmixiページです。  ディズニー     LAWSON     ライスフォース     スターバックス     面白法人カヤック     Tポイント・Tカード     NIKE SPORTSWEAR     無印良品     ユニバ... 続きを読む

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

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

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

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

2011/08/29 508 users クロスブラウザ designaholic テストツール 登場

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 designaholic デザイナー

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

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

2011/08/10 27 users designaholic テクスチャ

続きを読む

WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ｜designaholic -Creative Column-

2011/08/07 174 users WEB制作者必見

WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことがあると思いますが、扱う人によって使用するアプリや書き方も様々ですね。そんなワイヤーフレームを作成する際に便利なツールのまとめです。  作成ツール＆アプリ   Mockup Screens     PROTOSHARE     Cacoo     SIMPLE DIAGRAMS     WireframeSketcher     ... 続きを読む

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

2011/07/26 48 users designaholic webデザイン

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

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

2011/06/13 25 users designaholic

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

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

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

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

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

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

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