いまWebサイトで流行ってる色 / Maka-Veli .com
CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s
建築的なディレクションを / Maka-Veli .com
普段から気にかけていることがあります。 ディレクターだけでなく、営業代理店など、あるいはお客さんなど、よく仕事をしていて感じさせるのが、この仕事（タスク）は誰の仕事だ？と。 まぁ取りまとめて、役割分担するのがディレクターの仕事でもあるんですが。 仕事って、責任を取りたがらない部分も人によってはあると思うんですよね。責任とは言わずとも、単純にやりたくない、とか。そういうのが大体下請けの方に回ってくるんですけれども。 その取りまとめっていう部分、単なるパイプだと思ってる方が多いかなと危惧してます。 そもそも、ディレクターって何？ディレクターって必要なの？とか言われますけど、正直、このパイプだけやってるならディレクターいらないですよね。誰でも出来るし。 パイプするならフィルターを ディレクションって大きく２つ、大事な仕事があると思っていて、 それは「品質管理」と「進行管理」 人に
ダメディレクターと呼ばれない？ディレクション業務で普段から気をつけている10のこと。 | Maka-veli.com
ユーモアのある人生を。 IT / Web / Design / Device / Photo / Movie / Music / LOVE…and HUMOR. Masato's LifeStyle BLOG 先日、 「デザイン未経験、プログラム出来ず人間がWebディレクターとして前線に立つ為に心がけていること」 という記事を 書きましたが、これは社会人としての心構え的なものでしたので もっと 具体的に、ディレクターとして気をつけている事を今度はメモします。 ぶっちゃけどちらもWebあんま関係無(ry 一番恐れているタスク（プロジェクト）から手をつける 一番気をつけているかも。 タスクが積み重なってくると、優先順位がおろそかになります。 そして、一番仕事しづらい、恐れている事を後回しにしてしまう事があります。 あとでゆっくり、じっくり このタスクは負担が大きいから後で とか
わかりやすい見積書の書き方 / Maka-Veli .com
最近流行り(？)の「見積額」じゃないです。見積書自体の書き方。 ディレクターやってるとこういうのが気になってしょうがないのです・・・ sample.pdf 最下部にデータ置いておくんで、好きに使ってください。リンクも名前....MOREわかりやすい見積書の書き方 is a post from: Maka-veli.com
ネーミングについて / Maka-Veli .com
アプリの名前とか、たまに逸品なモノを見かけます。（社名なんかも） 基本的にやはり覚えやすいモノは良いなと思います。 気になったのでちょっと調べてみたので書いていきます。 とにかく覚えやすく 単語と単語の組み合わせによる造語が基本的に多いと思うのですが この場合、使われる単語の意味がわかりやすいモノが良いかと思います。 また、使われる単語は２つがやはりわかりやすいかな、と。 6文字〜8文字くらいで メディアに出てくる際、ワードが長すぎると覚えにくいと思います。 というのも、長いと読まないから。 英語得意な人は覚えられるかもしれないですが、僕のように英語が致命的すぎる人間にとって10文字以上の英字は「めんどくせ」と、スルー対象になってしまいます（笑） 逆に、短すぎると見逃してしまう事も。 造語の場合、どうしても文字数は長くなりますが、なるべく皆が知っているワードを使って、短
フラットデザインについて @maka_velicom が思う6つのこと。 / Maka-Veli .com
フラットデザイン、流行が止まりませんね。国内サイトや記事でも、以前にも増して見かけるようになりましたし、TLでもよく議論しているのを見かけます。iOSもフラットデザインに～みたいな話もあったり、TwitterBootStrap3.0もフラットデザインですね。そんな僕もロゴ変更時にフラットチックにしていますし。個人的にもけっこう好きです。なんで好きなのかと言うと、「色」が好きなんです。色そのもの。というわけで、以下、個人的に注意している点です。 あ、始めに言っておきますが、このブログデザインがフラットデザインの正解だ、なんて本当に1mmも思ってません。むしろ前のデザインにむりやり組み込んだこのデザイン、これでフラットデザイン語るなんてヤバいです。勉強し直す自戒も含めて、書かせて下さい。そして読んでくれた皆さま、心より御礼申しあげます。 英語圏と同じにしない テキストで大胆なタイポグラフィ
実際、LINEはどのくらいWebに影響を与えるのか。調査結果をまとめてみた。 / Maka-Veli .com
LINE流行ってますねー。子会社化して「LINE株式会社」になんてなっちゃいましたね。 CMも頻繁に出してきて、より身近に感じさせるようなイメージ戦略に変えてきてますよね。 （くっそー、石原さとみが可愛すぎる） そんなLINEが気になったので、気になる調査結果から有用そうなのを抜粋してみました。 ※下記、灰色枠内の情報は全てリンク先から引用させて頂いた物です。詳しいデータはリンク先をご覧下さい。 Pontaリサーチ：スマートフォンアプリに関する調査 2012年8月24日 http://www.loyalty.co.jp/news/2012/20120824/ スマホの普及率、20代では約半数に よく使用するSNSアプリは男女ともに「Twitter」がもっとも多く、男性は続いて「Facebook」、「LINE」、女性は「LINE」、「Facebook」という結果でした。「SNS
背景、全画面で動画を再生。BigVideo.js #jQuery / Maka-Veli .com
いつかきっと使うメモ 今回の記事は以下から How To Build a Fullscreen Background Video Player | Vandelay Design Blog About the Author:Jake Rocheleau @jakerocheleau. Jake’s Google+ profile. より詳しく、技術的に読みたい方は今すぐGOです（記事は一応チュートリアルで全文英語です） jQuery / jQuery UI / Video.js / imagesLoaded を用いて、bigvideo.js と以下の指定で動くそう。 <script type="text/javascript"> $(function() { var BV = new $.BigVideo(); BV.init(); BV.show('動画.mp4'); });
#Font Feb.2013 最近惚れた英字フォント16選 / Maka-Veli .com
個人的に気に入ったフリーフォント集。フリーじゃないのもありますよ。 FACUNDA FREE FONT http://bybu.es/portfolio/facunda-free-font/ LSTK GaraPen Tiny http://www.behance.net/gallery/LSTK-GaraPen-Tiny-FREE-FONT-DOWNLOAD/5556992 Bokeh Font http://www.behance.net/gallery/Bokeh-free-font/5537207 Nickname – Handwriting Web Font http://wegraphics.net/downloads/nickname-handwriting-web-font/ Higher – Free Font http://www.behance.net/ga
PhotoshopのGPU/OpenGLって使ってる？ 僕が使ってるお気に入り機能まとめ / Maka-Veli .com
メモリ食いますしグラボによっては使えないそうですが、皆さんGPU/OpenGLって使ってますか？僕は一応使ってます。使いこなせてないと思いますが。けっこう便利な小技が揃ってるので、個人的に気に入った機能をまとめました。使った事無い方は是非一度お試しください。 それと、3Dが出来るのは大きいかもしれないですね。使い方によっては面白い装飾が作れます。 が、3Dに関しては知識不足の為、省きます。 CS4から、あるいはCS5から導入された物が散らばってますが、 僕の環境が5.5なので5.5前提で書いていきます。ちなみにWinですが、Macも部分併記。 それと、恐らくCS6は微妙にどこか違うはず。6での追加機能も特に調べて無いです。 なんだよCS6書けよとご不満の方、CS6買って！CC1年でも良いです。ぜひ！ フリップ スマホ的な感じで、するするーっと動くようになります。 [Spac
無料で聴けて、もう作業用BGMに困らない。ミュージックビデオを次々に流してループしてくれる個人的に超オススメサイト / Maka-Veli .com
色々あるツールの中で、僕がよく使うサイトをご紹介。 洋楽がメインなので、僕の趣味と合う方向けですが・・・ Musictonic アルゴリズムはわかりませんが、 アーティスト名などを入力すると、ミュージックビデオをひたすら流してくれます。 デザインも素敵で、シェアボタンもあるので シェアしたい時にもサクっと紹介できるのが嬉しい。 使いやすいので、一番使ってます。 例えば「Capsule」とかって入力すると・・・ 左に再生リスト。 右に関連するキーワード（例えば「きゃりーぱみゅぱみゅ」とか「中田ヤスタカ」とか）が並びます。 けっこう「あれ、次何聴こうかなー」とか悩むんですよね。こういうのって。 なので凄く助かります。 YesYesY’all これも本当オススメ！ 音楽聴こうかなって思った時、「あれ聴こう！」と出れば良いですけど、大体聴きたい曲って出て来ないんですよ。
そのデザイン処理、こんな風に工夫すればもっと良い物になりますよ / Maka-Veli .com
お前偉そうだなシリーズ第一弾 まぁ全部、全体のデザイン次第ですし、流行りモノ感もありますが。 ちょっとだけ変えると、グッとクオリティ上がりますよー的な小ネタです。そしてかなり個人的趣味です。 シャドウ ドロップシャドウなんかは手軽にクオリティ上げられていいですよね。 ただシャドウはつけすぎる(濃すぎる)と主張が強くて重くなりがち。 シャドウ自体はただの効果・装飾ですから、本体を引き締める程度にかけておけば良いと思います。 また、単なる上下・左右のシャドウではなく、球体・曲線でシャドウを上手く入れていくと面白いですよ。柔らかみもありますし。 グラデーション 立体感を出してチープな印象を防げるグラデ。 ただ、最近はベタ塗りでビビットに見せる装飾が流行ってきましたね。 思い切ってベタに変えるのも手。 もしくは、かなり差を狭くして「これグラデ？」と思わせるくらいのモノが良いかも
ここがヘンだよRWD（レスポンシブWebデザイン） / Maka-Veli .com
定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト（PC表示時）はシンプルで良いんじゃないかなと思います。（この時のポイントは企画段階時のRWD導入の見極めかなと思います） しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280（共に横）などでの閲
Wordpressのセキュリティ関連メモ (後で見る) / 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個 – わーどぷれすっ！ セキュリティを強化す
プレゼン資料デザインサンプル集 / Maka-Veli .com
プレゼン資料のサンプルって探すと意外と無いですね。 って思ったので、とりあえず簡単にまとめました。 画像クリックで中ページサンプルのリンクにジャンプします。 ベーシックなタイプ。 幾何学模様で、誰にでも好まれる（と言われてる）青を使ってるので汎用的。 センス良さ気なインテリア系デザイン。 グリーンもWebでは誰にでも好まれる色ですよね。 建築設計なんかがテーマのデザイン。 オレンジ×黒はけっこう挑戦的かもしれないですが、インパクトあって良いですね。 シンプルでベターなデザイン。 IT系ですね。ベタなのが一番使われやすいです。 エコ風テーマ。 よくあるデザインも、 ここまでグラフィックでクオリティを上げられれば好印象ですね。。 こちらは写真で緑を使ったデザイン。 エコというより、グロウプロジェクトですね。 GlowUp、新興成長という意味合いでも緑は使われます
ディレクターとは？Webディレクターなら覚えておきたい知識・技術、そしてスタンス / Maka-Veli .com
Twitterで話してたんですが、『ディレクター』って本当に微妙なポジションだなぁと感じました。 というか、そもそもディレクターって何でしょうね？ ディレクターと聞くと、まだまだ映画のディレクターの方が知名度高いのではないでしょうか。 そこから来て、やはり日本では、現場監督的な位置づけが多いんですかね。 Webディレクターは、プロジェクトを指揮・管理する役割が多いはずです。 ※だから決して偉いというわけではないです。あくまでも繋ぎをする作業者ですから、上下関係はありません。 Webディレクターの系統 Webディレクターは、大体「Web制作会社」「システム開発会社」「サービスプロバイダー系会社」「広告代理店」等に配属され、更に 営業寄り 企画寄り デザイン寄り システム寄り という具合で分かれると思います。 それぞれ活躍する場が違うので良いと思うんですが、 それに伴い、ディ
Maka-Veli.com / 作業工数を見積る、という事。
たまには企業ディレクターっぽい記事を書いてみようかと・・・見積作業がたぶん一番多いです。失敗すれば、お客さんにも会社にもデザイナーにも迷惑がかかってしまう重要なタスク。お金に関する問題なので、全工程を把握し、リスクヘッジも含みつつボッタクリなんて思われないようにし、きちんと作業工数分ご請求させて頂く為にミスのないよう心がけています。今回はそんな御見積時に関する、僕が気をつけている点。ディレクターってなんだよ、何してんの偉そうに、って疑問視される方も、少しは身近に感じてもらえるでしょうか？※画像のネコさんは内容と全く関係無いです、申し訳ございません。 個人的に重要だと思うポイントは以下です。 作業の終わりはどこかを決める 「見えない工数」が見えていないと、終わりが無いです。 ラインはきっちり引きましょう。 なぜかというと、 もちろんこちら側の作業が終わらないのを防ぐ理由も大きいです
数字はデザインに重要な要素。数字の見せ方10個（サンプル有り〼） | ユーモアのある人生を。【Maka-Veli.com】
どーも。最近SNSの使い方がわからなくなりつつある僕だよ。 久々にデザイン系のネタ。いや、ちょっと乗り遅れたタイポグラフィネタか・・・ 広告で数字が一番の訴求対象になる場合は多く、 数字だけで完結する物もあります。 そういった場合は、数字デザインをこだわりたいですね。 テレビ東京新卒採用サイト 7chと第7感って事でかけてますね。 モビット 数字を強調させる設計ですね。数字自体の効果が凄くキレイ。 No.DesignTech The 10 意味不明にカッコ付けてみました。以下が見せ方と自作サンプルです。 目次 数字以外を小さく 丸で囲ってみる 枠端で薄く背景に イタリックに 比較させる 数字だけを強調 弱い要素のアイキャッチに 数字だけでも シンプルな物は英字と組み合わせるのも 本文中は太字、下線を取り入れてみる 数字以外を小さく 見たい、見せたいのは数字です。 広告の
色んな広告掲載料集めました。 | Maka-veli.com
アレに広告出したらいくらぐらい必要なんだろー・・・というのにお答え。 ※下記は参考値です。 具体的には様々な条件によりかなり変動します。 制作費はもちろん別途費用。 WEBバナー Yahoo!JAPAN – TOPページ 1週間掲載 レギュラーサイズ(750万imps) 約500万円 ダブルサイズ(750万imps) 約750万円 トリプルサイズ(1250万imps) 約1250万円 ※impsとは、インプレッションの事です。1週間で掲載される保証回数ですね。 最低750万impsからです（トリプルは1250万から） VIA:Yahoo!JAPAN広告費詳細はこちら 前はもっと最低impsも少なかったし安かったよね・・・ 大手ポータルサイトなどは大体このくらいの規模はとられると思って良いと思います。 その他 サイトによってピンキリですが、 大体10万ページビューくらいの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
