こないだロゴを変えてサイトデザインも変えたわけですが、ロゴはもっともっともっと時間かけてやりたいところだったんですが、自分の性格上、それだといつまで経ってもやらないので一気に勢いでやりました。自分のブログですから、また気が向いたらマイナーチェンジを加えていく予定です。 自分のブログなんかでなく、お客さまのロゴ制作をする上で注意している点がいくつかありますので、今回はその辺りを書いてみようと思います。せっかくなのでMaka-Veli.comロゴと併せて とにかく最初は「作らない事」これにつきます まず、とにかく下調べ とにかく競合他社を調べまくります。 どんなロゴを使っているか そのロゴからどんな雰囲気を感じ取れるか どんな人が顧客、潜在顧客なのか（ターゲット） ここで仰天。教えてもらったんですが、なんと有名アニメ（？）のキャラと丸かぶりでしたよ。 良い悪例なので晒しておきます

wp-login.phpの変更 WordPressブログを自己防衛、ログインページに触れさせない [解決済み] wp-login.phpのパーミッションとファイル名変更 – WordPressフォーラム セキュリティの為、管理画面を別名にしたら問題が出るでしょうか？ - WordPressフォーラム 不正アクセスはある日突然やってくる – おきらくサーバー運用メモ WordPress　セキュリティ wp-login.php にアクセス多発を防ぐ方法 – Linux & App Labs By pt106 あぁ、なるほど。IP制限だけでなくてもBASIC認証かけて2重にしとくって手も良いですね。 プラグイン 2012年開幕版！これでモウダイジョーブなWordPressプラグイン集 最強77選 WordPressのセキュリティ関連のプラグイン28個 – わーどぷれすっ！ セキュリティを強化す

http://girlysozai.com/ 個人利用、商用利用可。二次配布以外であれば完全フリー。 このようなイラストがepsとpng配布されています。個人で運営されているとか。素晴らしいですね。 今回のメインビジュアルも、ほとんどこちらの素材を使っています。 No Reimer Reason http://noreimerreason.com/scrapbook_freebies.php けっこうな数のデータが揃ってます。PSDとか。 Lovey Mini Kit Free Digital Scrapbooking http://scrapbooking.about.com/od/freedigitaldownloads/ss/lovelyminikit.htm Pngでパーツになってた。 Child patterns http://hqtexture.com/vekt

最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com

Webサイトは情報の集まりです。 ユーザーが情報を得るには基本に忠実なことが一番良いと思っています。 「物を知る」のは慣れた形が一番かと。それがユーザビリティ。 構成 内容(ページ、サイトの種類)などによって変わりますが、 一つの例としては 見出 注意喚起(興味を引く、または概要がわかりやすいモノ) 概要 主旨(どんな内容なのか、ユーザーが入りやすく、注意を引くモノ) 意見 持論(個人的な異見を述べます。書き手の意見が無いと退屈な文章になります) 証拠 裏付け(意見に対して、正しい内容かの説明をしっかりしましょう。信頼性があるものを) 結論 理解(ユーザーに「なるほど」とわかってもらうことで、価値が生まれます) このブログや、この記事の場合はまとめに近いので、この構成には沿っていませんね。 まとめ記事の場合は興味を引く主題と箇条書きされた内容が良いのかもしれません。(

Twitterで話してたんですが、『ディレクター』って本当に微妙なポジションだなぁと感じました。 というか、そもそもディレクターって何でしょうね？ ディレクターと聞くと、まだまだ映画のディレクターの方が知名度高いのではないでしょうか。 そこから来て、やはり日本では、現場監督的な位置づけが多いんですかね。 Webディレクターは、プロジェクトを指揮・管理する役割が多いはずです。 ※だから決して偉いというわけではないです。あくまでも繋ぎをする作業者ですから、上下関係はありません。 Webディレクターの系統 Webディレクターは、大体「Web制作会社」「システム開発会社」「サービスプロバイダー系会社」「広告代理店」等に配属され、更に 営業寄り 企画寄り デザイン寄り システム寄り という具合で分かれると思います。 それぞれ活躍する場が違うので良いと思うんですが、 それに伴い、ディ

やはりサイトの存在目的は必ずあります。デザインやシステム的な部分も重要ですが、 その前にもう一度目的を考えなければなと・・・ そう思ったので書いてみました。 色々と皆さん、それぞれに考え方があると思いますが、個人的に注意したいポイントを以下の分野別に書いていきます。 大体サイトとしては ブログ 一般企業 Webサービス IT・プロダクト・ゲーム オンラインショップ 教育・学校 病院・老人ホーム 飲食 デザイン・ファッション・音楽 金融・証券・保険 美容・健康 アダルト とか、その他色々ありますがこのような感じでしょうか？ ※ちょっとカテゴライズが不思議な感じですが、説明しやすくしたい為です。すいません。 これらのサイトはもちろんケースバイケースで設計や装飾などが変わってきますが、 共通する注意点があると思います。 それぞれ、コンバージョンは必要ですよね。 ゴールを必ず決

まずはこの画像をクリックしてご覧ください。 上記画像は話題のPinterestですが・・・ もしアナタが男性なら、 この辺りに目が行ってないですか？ もしアナタが女性なら、 この辺りですか？（浅はかでしたね・・・女性はもっと違うところですね） そんなの当たり前？ じゃあなぜだと思います？ 色分けすると・・・ 目立つのは左の黒っぽい2点か、右上の赤1点じゃないでしょうか。 人の目は色で判別しがちと思われますが、デザインは色だけじゃないって事ですよね。 これらの例は少し強引な意味づけしてますが、大筋はおわかりになると思いますので、その体で話を進めます。 もちろんこれらの例は、本能的に視線が誘導させられてるのですが、 この視線誘導には色んな手法がありますよね。 Z / Fの法則だとか、色の問題だとか、あとは上記のように性別的な問題。 Webサイトデザインの場合 左上や

デザインに限った話でもなく、作られるモノ全てに共通する、そう、アレです。神は細部にナンチャラカンチャラ。頭や理論は理解していても、具体的に落としこむ、あるいは制作中は見えなくなってしまうものです。じゃあ具体的に考えておくことで、実践で活動できればなーと思いたったので記事に。ちなみに書き始めは年明け早々1月1日、遅く起きた午後、いやもう夕方。頭痛いっす。そんなわけ本題どうぞ。 例えばWebサイト さん・おいけ オンラインストア http://www.sun-oike.co.jp/webshop/ キャッチコピーの感じにルビをふっています。 ひらがなの柔らかい雰囲気がプラスされ、 更に下部にあるナビゲーションの縦ズレがリズムを生んで楽しいです。 IKEYAN WEB http://www.ikeyan.jp/ 「Twitter」等の見出しに、わかりやすく、小さなアイコンが添えら

Twitterで少し話題になったので書かせていただきます。 （仕事はどうした） Nexus Fontはフォント管理ツールなんですが、 USBでもどこでも起動させる事が出来る点と、 フォントをインストールしていなくても、 同ツールを起動させていればフォントを使用できる特徴があります。 で、これをタイトル通りにするだけなんですが（ヤバイ、もう完結した） 一応順を追ってご説明しますね。 DropBoxにNexusFontをインストール 僕は一旦ローカルにインストールした後、 C:\ Program FilesにあるNexusFontフォルダをそのまま放りました。 ローカルのをアンインストールしても、Dropbox上から起動すれば大丈夫です。 DropBoxに、フリーフォントなど使いたいのを入れる。 まぁそのままポイっと。 第一階層にショートカット作っておくと便利です。

タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ！ うぉ！すっげ！って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい！ 爽やかーーー キレイに見せたい！ 楽しい！ ﾁｮｰﾊｯﾋﾟ ｽｰﾊﾟｰﾊｯﾋﾟ ﾉ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお

たまにはいかにもな記事を・・・最近どうにもモチベーションが上がらず、これを機にモチベーションの上げ方をもう一回おさらいしようかなと思いまして。。入社したての活力が欲しいなぁと思いつつ、どんどん自分が落ち着き出してしまったので2012年は楽しく元気に仕事をやっていきたいなと思います。準備は時間がかかりますから、今から動いていて損は無いですよ。そんなわけで、漁った記事を以下にまとめます。ちなみに、古い記事もかなり混じってますのであしからず。。。 新人 編 『忙しい人』と『仕事ができる人』の２０の違い / モチベーションは楽しさ創造から いい仕事をするためには、報酬や昇進ではなく「内的モチベーション」を上げよう / lifehacker 若者はなぜうまく働けないのか？ / 内田樹の研究室 新人が研修期間中に学んでおくべき、基礎的考え方３０ / モチベーションは楽しさ創造から リーダー

どーも。最近SNSの使い方がわからなくなりつつある僕だよ。 久々にデザイン系のネタ。いや、ちょっと乗り遅れたタイポグラフィネタか・・・ 広告で数字が一番の訴求対象になる場合は多く、 数字だけで完結する物もあります。 そういった場合は、数字デザインをこだわりたいですね。 テレビ東京新卒採用サイト 7chと第7感って事でかけてますね。 モビット 数字を強調させる設計ですね。数字自体の効果が凄くキレイ。 No.DesignTech The 10 意味不明にカッコ付けてみました。以下が見せ方と自作サンプルです。 目次 数字以外を小さく 丸で囲ってみる 枠端で薄く背景に イタリックに 比較させる 数字だけを強調 弱い要素のアイキャッチに 数字だけでも シンプルな物は英字と組み合わせるのも 本文中は太字、下線を取り入れてみる 数字以外を小さく 見たい、見せたいのは数字です。 広告の

まず前提として、「ヒアリング」がディレクターとしては最も重要な要素ですが、 これは別の機会とさせて下さい。 ヒアリングを行う上で、もしくは行った上での対策3つです。 いわゆるターゲッティングです。 必ず必要になる設計要素で、 これが無ければWebサイトの成功は無いと個人的には思っています。 なぜターゲッティングが必要か？ 見たい人が見ないサイトでは、存在価値がありませんよね。 これは、設計時や表面上のデザインに大きく影響します。 女性向け、男性向け、10代、50代、様々なターゲット層を 踏まえ、サイトを構築する事が重要です。 どのように行うか？ ターゲットを想定し、見せたい情報は何か、ユーザーが知りたい情報は何か？ そしてどんな人が訪れる可能性があるか？ それら全てを想定します。 よく行われるのは「ペルソナマーケティング」と言われる手法で、 ペルソナ=架空の人物

先に極論申しますと、「人によりけり」という結果になりました。 ただし、一般論的な物も多いので、人によっては見やすくなるポイントになるのかなと思います。 Webは基本流し読み。見出しアクセントはやっぱ重要 最近良く色んな記事でも見るけど、やっぱりこれは大事。 特にブログ。 最初から「じっくり読む」なんて事はあまりしないですよね、好きなサイトじゃないと。 見出しが見出しなのか？もわからないような物では読みづらいと思います。 横に読むという事を意識したサイジング Webは横に読む。 イコール、目が横に動く。 つまり 、横の動きを何度も繰り返しさせる。 これは本当に疲れる・・・ だから目だけで楽に追えるサイズに横幅を調整してあげると良い。 ただし、横に長すぎの場合でも、人によっては逆に見やすい事もあるかも。 「折り返し」が少ないですからね。 背景等、質感で光を分散すると以

アレに広告出したらいくらぐらい必要なんだろー・・・というのにお答え。 ※下記は参考値です。 具体的には様々な条件によりかなり変動します。 制作費はもちろん別途費用。 WEBバナー Yahoo!JAPAN – TOPページ 1週間掲載 レギュラーサイズ(750万imps)　約500万円 ダブルサイズ(750万imps)　約750万円 トリプルサイズ(1250万imps)　約1250万円 ※impsとは、インプレッションの事です。1週間で掲載される保証回数ですね。 最低750万impsからです（トリプルは1250万から） VIA:Yahoo!JAPAN広告費詳細はこちら 前はもっと最低impsも少なかったし安かったよね・・・ 大手ポータルサイトなどは大体このくらいの規模はとられると思って良いと思います。 その他 サイトによってピンキリですが、 大体10万ページビューくらいの

Webディレクターから見る、デザイナーさんなら当たり前にやってる事で 是非取り入れて欲しいという視点で書いてます。   グリッドレイアウト 目線の誘導にはグリットの設計は重要です。 Webなら特に縦位置を意識する必要があるかなと思います。 奇麗なグリッドが引かれたデザイン（線がある/ない、かかわらず） は、とても視認性が高く、目の誘導を行いやすいです。 シンメトリー 対照性なデザインは人の頭に一定のルールを認知させる事ができます。 それ故に、次のページなども惑わす事なく閲覧ができます。 また、単体的にも目線の誘導がされやすく、 かつ見た目も奇麗ですっと入ってくると思います。 アシンメトリー 逆に、ネガティブスペースを上手くつかい、 目線のジャンプ率を高くしたレイアウトも効果的です。 目的と用途で使い分けが重要かと思います。 タイポグラフィとビジュアルイメージ 和文書体、欧文書体で使い分け、