物事の本質とデザインの価値 / Maka-Veli .com
デザイナー不要説。もちろんデザイナー必要だと思うんです。 けど、 安い物、人が使ってる物、ブランド物、そういうのが人気な日本だと本質無視するコンシューマーが多いし、それどころか企業もそれがわかってるから、当然狙ってきます。売れなきゃやらないです。 しっかり調査して、調査結果を元にブランディングして広告もバンバン打ち出して、あたかも流行ってるイメージを固めて打ち出す。そんなのが主流ですよね。 海外で人気の （ほら、ハリウッド女優も使ってる。お前らなんかよりイケてるあの人たちが使ってるんだから使うしか無いでしょ） あのブランドが （ブランド品です。ブランド品は品質が良いのです。） ついに日本上陸！ （今まで買えなかったよ！プレミアムだよ！） 消費者タレントのAさんの声「すっごく良いです！」 （なんで使えてるんだろうね？海外から輸入してるのかな？ほら、タレントだからね）
他とは違う？ ”動き”や”レイアウト”にこだわる素敵サイトたち。 / Maka-Veli .com
ページ遷移やマウスオン、スクロール、パララックス、ちょっとした動作にこだわりを持たせると、サイトとしてのクオリティを高めてくれます。また、どんどんCSS等も表現の幅も拡がって斬新なレイアウトが目立ちます。そんな動きやレイアウトにこだわったサイトをいくつかご紹介。もちろんノンフラッシュ。 Find & Form | The Digital World Craves Old School Craft http://www.findandform.com/ 左上のロゴ、ページをスクロールすると変形します。 TAKESHI WATAMURA | 綿村 健 http://takeshiwatamura.jp/ ※音注意 斬新なレイアウト。マウスオンで全画面、透過でコンテンツが表示されます。 ALCHIMIE http://www.alchimie-swc.ch なんだか不思議なサイト・・
安易なデザインに気をつけるべし / Maka-Veli .com
そもそもデザインってなんだろう？ そのデザインは、一体誰の為のデザイン？ ユーザーの為のデザイン？ 運営の為のデザイン？ このスタンスでも大きく変わってくる。 仮にユーザーの為のデザインであれば、 それはマイノリティの意見よりマジョリティの意見を多く取り入れるでしょう。 運営の為のデザインであれば、目的を果たす為に半ば強引にでもユーザーを導く事を優先するはずです。 先日、ランディングページについて書かれた面白い記事がありました。 ランディングページのほとんどは、運営がこうさせたい、という理由でページ構成を考えている事がほとんど。 しかし、ユーザーからするとストレスでしかなく、ユーザーの99％が離脱をするという結果だそう。 ユーザーはランディングページでも、しっかりと知りたい情報が見やすく書かれていれば離脱はしないかもしれないですね。 このケースは完全に運営の為のデザイン
【スウォッチ】 綺麗だなと思った写真からカラーパレット化してストックしておく
エイプリル・フールですね。でもこの記事はネタじゃないので普通に読んでいただければと思います（笑）あ、そういえば今日はヒゲを剃りましたよ。ちょっと剃り残しちゃったけど、すぐ戻ります。 さて、Dribbbleとかってそれぞれの作品にカラーパレットが登録されていますよね。 それから検索できたり、便利。 Dribbbleのカラーパレット。.acoファイル(Color Swatches)もダウンロード出来る なんかキレイなカラーパレットって、見てると嬉しくなりませんか？ なりませんかそうですか 好きな写真からカラーパレットを作る 普段、綺麗だなーと思った写真から、メインの色を抽出してカラーパレットとして並べておくんです。 並んだカラーパレットには名前なんてつけてあげちゃって。 根暗でしょう？ でもけっこうデザインする時に役に立つんです。 色の組み合わせ、感情というかストーリーが出
なんとWordPressプラグインまである。多彩なエフェクトでレスポンシブなフリーのjQueryスライドショー『Camera』 / Maka-Veli .com
なんだか話題になってるみたいですね？『Camera』というスライドショー。 特徴としては レスポンシブ 多機能、ハイクオリティ 多彩なエフェクト スキンも多数用意 WordPressで管理できる という感じなのですが、WordPressプラグインは本当にびっくりしました。 ウィンドウリサイズするとちゃんとレスポンシブ WordPressプラグイン。管理画面もしっかり用意されている 管理画面上でエフェクト等が細かく設定可能 他にも多数機能あり フリーなんですが、サポート（寄付）してね、というスタンスなのでもしよければ寄付して使ってみてはいかがでしょうか Camera http://www.pixedelic.com/plugins/camera/ WordPressはこちらから http://wordpress.org/extend/plugins/camera-sli
無料配布：レスポンシブなHTMLメール用テンプレート / Maka-Veli .com
あ、なるほどー。確かにHTMLメールもレスポンシブにしちゃえば良いんですね。 あまり行わないので発想無かったです。 種類は全部で5種類 例えばこれは こうなる 例えばこんなのは こうなる なるほどなるほど。便利。 使用方法なんかも書いてあります。 興味のある方は是非、こちらから Responsive Email Templates – ZURB Playground – ZURB.com http://www.zurb.com/playground/responsive-email-templates 無料配布：レスポンシブなHTMLメール用テンプレート is a post from: Maka-veli.com
無料でグラフィッカルな地図をカスタマイズして作成、サイトやブログに貼り付けられるMapBoxが面白い / Maka-Veli .com
MapBoxという地図作成Webツールが話題です。 地図のベースはGoogleMapsですね。 使い方 かんたん。以下の順で選択していくだけ。 プリセット ベースの地図デザインを選択 カスタマイズ 色などをカスタマイズ マーカー マーカーも多数 書き出し 書き出しは普通にフレーム読み込みと、MapboxAPIっていうのがあるようで、js使って入れられるみたいです。他にも画像書き出しなんてのも。 マイページもあり、作った地図のURLをシェアできるボタンなんかもあり、個人用にも遊べそう。 サンプル（Easy Embed） 要会員登録：メールアドレスのみ フリーだとロゴが入ります。プレミアムプランでロゴ消したり、プラン多数有り ここで挙げてるのはフリー会員のほんの一部分です。 まだざっくりとしか触ってないですが、けっこう細かいところまでいじれるようですよ。 無料でグラフィ
PhotoshopのGPU/OpenGLって使ってる？ 僕が使ってるお気に入り機能まとめ / Maka-Veli .com
メモリ食いますしグラボによっては使えないそうですが、皆さんGPU/OpenGLって使ってますか？僕は一応使ってます。使いこなせてないと思いますが。けっこう便利な小技が揃ってるので、個人的に気に入った機能をまとめました。使った事無い方は是非一度お試しください。 それと、3Dが出来るのは大きいかもしれないですね。使い方によっては面白い装飾が作れます。 が、3Dに関しては知識不足の為、省きます。 CS4から、あるいはCS5から導入された物が散らばってますが、 僕の環境が5.5なので5.5前提で書いていきます。ちなみにWinですが、Macも部分併記。 それと、恐らくCS6は微妙にどこか違うはず。6での追加機能も特に調べて無いです。 なんだよCS6書けよとご不満の方、CS6買って！CC1年でも良いです。ぜひ！ フリップ スマホ的な感じで、するするーっと動くようになります。 [Spac
Photoshop Tutorial / 誰得？写真からタトゥーを人物に転写する方法 / Maka-Veli .com
ニーハオ。わたし、レイレイよ。今日は私が解説するわ。よろしくね。 今回は普通の写真から人物の写真にタトゥーっぽく転写する技術を紹介するわ。そう、この腕に描かれて龍ね。2012年は辰年。2013年は巳年。ほんと、バカね。蛇にすればよかったのに。バカよ。松本まさとは大馬鹿よ！で、今回も簡単に、すぐ出来るように考えたの。だからどんどん行くわね。着いてきて 素材 これが今回の素材。まずコレを 切り抜いて、「エッジのポスタリゼーション」をかけてちょうだい。 こうなるわ。見て、スライスが表示されてるままキャプチャ撮ってるわ。本当バカね 転写対象は私、レイレイよ。美人ね。Cカップよ。 切り抜き・貼り付け タトゥーを入れたい場所に、パスを引いてちょうだい。 こんな感じで。 作業を楽にする為に、ベクトルマスクにしておいてちょうだい。 そして、さっき切り抜いた龍の画を重ねるんだけど・・・ 適用な
そのデザイン処理、こんな風に工夫すればもっと良い物になりますよ / Maka-Veli .com
お前偉そうだなシリーズ第一弾 まぁ全部、全体のデザイン次第ですし、流行りモノ感もありますが。 ちょっとだけ変えると、グッとクオリティ上がりますよー的な小ネタです。そしてかなり個人的趣味です。 シャドウ ドロップシャドウなんかは手軽にクオリティ上げられていいですよね。 ただシャドウはつけすぎる(濃すぎる)と主張が強くて重くなりがち。 シャドウ自体はただの効果・装飾ですから、本体を引き締める程度にかけておけば良いと思います。 また、単なる上下・左右のシャドウではなく、球体・曲線でシャドウを上手く入れていくと面白いですよ。柔らかみもありますし。 グラデーション 立体感を出してチープな印象を防げるグラデ。 ただ、最近はベタ塗りでビビットに見せる装飾が流行ってきましたね。 思い切ってベタに変えるのも手。 もしくは、かなり差を狭くして「これグラデ？」と思わせるくらいのモノが良いかも
味付けは包丁を握る前が命 [ロゴデザイン時の注意点] / Maka-Veli .com
いつも楽しみ読まさせて頂いてるWP-Dさんから面白い記事が。 コンセプトが無いデザインは味の無い料理と一緒。という話。 / WP-D まったくの同意。もう既にタイトルで「同意！」と思ってしまいました。 ロゴも拝見 させていただき、きちんとつめ込まれたロゴで素敵だなーと思いました。 ちょうどその日、他にもロゴ系で面白い記事があって読んでいたのですが、 10 Tips to Design Memorable Logos | Smashing Hub http://smashinghub.com/10-tips-to-design-memorable-logos.htm ロゴは本当に一球入魂と言いますか、 それ1つで全てを表現しなければならない、非常に大事なモノだと思います。 ロゴから受ける印象と、中身（企業やサービス）を知った時に受ける印象、 そしてそれが独り歩きしますから
クリエイター向け、まとめのまとめ / Maka-Veli .com
機械的でごめんない。サイト名は割愛させていただきます。掲載内容・順番に深い意味は特にありません。 お金もらって書いて、とかそういうのでも無いっす。 デザイン / 参考 【クリエイター必見】創作意欲が湧くデザイン 参考になるWebデザインリンク集まとめ Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2012年7月）まとめ11個 ハイクオリティな最近のパララックスWebデザインまとめ13個 ポートフォリオ作ろうぜ！参考サイト、リンクまとめ9つ 『さすがデザイナー…！』と思わされるクリエイティブな名刺デザイン集 配色のセンスをゼロから習得するために役立つスライドまとめ5つ GIFアニメを効果的に使ったサイトまとめ4つ ここまでするのか！アイデア満載の採用サイト おしゃれでかわいいポスターデザイン集 【デザイン】面白いアイディアの広告ギャラリーまとめ HTML5で書かれたス
楽しくブログライフ。けどそんなに書けない。じゃあいつ書くか？ / Maka-Veli .com
最近有難いことに良く色んな人に飲みのお誘いやらラーメンのお誘いやら頂きます。人と会うのって楽しいですね。色んな発見と吸収が出来ます。特に自分とちょっと違う系統の人とかに会うと良いかもしれません。余談はここまでにして今日はブログのお話し。 人と会うと、これまた有難い事に、よくブログを褒めてもらえるんですが、その時言われるのが「いつ書いてるの？」更新頻度はそこまで高く無いと思ってるんですが、僕が勤めなのと忙しそうにしてる（風）なのを見てそう思われるそう。確かに更新する時は凄いしますね、今週・先週は連日上げてました。大体は事前に書いて、予約投稿ですが。 ブログを書くタイミング 僕は「考え方」の記事が多いです。それが自分にとっては更新頻度が高い理由。 情報や技術紹介などは自分には向いてません。作業早く無いから。 一応これには理由があるんですが、書くタイミングは、とにかく今。 そう、今。今
ここがヘンだよRWD（レスポンシブWebデザイン） / Maka-Veli .com
定義がいまだ曖昧 何を指して「レスポンシブ」なのかと。 モバイルファーストという考え方は素晴らしいです。レスポンシブとするならば、やはり制限のあるスマホでの閲覧は考えるべきで、そこにどうアプローチできるかは優先的に考慮しなければ、そもそもRWDを取り入れる必要性は無いわけですから。 いや、スマホでのアクセス見込みは切り捨てで、おまけ程度で見せたいからRWD採用って手も無くは無いか・・・ 極端な話、こういったサイト、プロジェクトならばPC閲覧時のデザイン、装飾は極限までにそぎ落とし、スマホ閲覧時にどれだけ快適にできるか、つまりPCサイト（PC表示時）はシンプルで良いんじゃないかなと思います。（この時のポイントは企画段階時のRWD導入の見極めかなと思います） しかし、PC閲覧の最適化が後回しになり、最終的にPC閲覧時、特にまだまだ使用率の高い解像度1024、1280（共に横）などでの閲
メイリオとMeiryo UI って全然違うからね？ / Maka-Veli .com
意外に知らないんだなーと思って。 Meiryo UI はWindows7から登場したメイリオフォントの改良（もしくは派生）版です。 メイリオはVistaからですね。 このブログはヒラギノの次にMeiryo UI 、次にメイリオ指定です。 どちらが良いのかは個人差分かれると思います。 大きな違いはカナと文字詰め。 Meiryo UI のカナは半角と全角の中間？というくらい Narrow な感じ。 文字間も詰められていて、これを使うと、かなり全体的に詰まった印象です。 メイリオは一応プロポーショナルフォントらしいですが、和文が等幅なので感じられず。 カナが入ると、かなり横幅が変わってきます。 このようにまとまった文章で見比べると、テキストのボリューム感もだいぶ違いがわかります。 ブラウザでの見え方はこんな感じ しまった・・・英字はArialで表示されてます。 同様の事
ブログを2カラムからシングルカラムに変えた理由や変更後の変化など / Maka-Veli .com
10月15日より、デザインを少し変更しました。 全体的なテイストは変わらずですが、レイアウトをシングルカラムに。 まず前提として大きな理由の1つは「飽きたから」 なんとなく普通の設計が飽きちゃったなぁーというのが大きな理由です。なので「前が良かった」のは正しいご意見というか、一般的にはその方が良いのかもしれません。このブログは広告収入やPVを上げることが目的では無いので、色々含めてどんどんチャレンジしていきたいです。マンネリ解消という感じで手を加えてみました。最近の流行りに乗っかった感ですね。前からちょくちょくデザインを変える癖がありますが、そこも含めてお楽しみいただけれたら幸いです。 近いところで言うと、Webデザインレシピ さん とか、記事本文だけシングルでトップやカテゴリーなどのリスト部分はサイド出した形です。アイキャッチになる画像は横いっぱい使ってインパクトあって良いですよ
納品をスムーズにする為のポイント。 / Maka-Veli .com
僕はある会社でディレクターを担当しているのですが、月に数本、何かしら納品しています。時にはリニューアルだったり、時には部分的だったり、時には新規構築だったり。そして、時には制作をしたり、時には外注さんへの指示出しだったり、スケジュール管理だったり、大体の事を噛んできます。その都度、様々な方々と一緒にプロジェクトを進め、色んな部分を調整するのですが、納品を行うには色んな困難があります。「依頼のあった物を作り、納品する」一見シンプルですが、本当に難しいです。 今回は「納品」についてのお話し。 納品時ではなく、いかに納品までスムーズに持っていけるか、という点についての1つのポイントです。 とにかく納品を成功させるには・・・ 1に納得感。2に背景。 単純に「クオリティの高さ」もありますが、先方（担当者）の納得感は私たちが考える一般的なクオリティとは少し違った視点で存在する事も多いです。例え
UXという考え方を知る上で重要な3つの要素とは？ / Maka-Veli .com
本当は書くの嫌なんですが、あえて突っ込んでみました。 こういうのは個人的考えを出し合って理解を深め合った方がより良いと思ったためです。 前回は、UXデザインという切り口で書きましたが、ふわっとした印象のUXについて、個人的に重要としている点を挙げていきます。UXの根本的なところは色んな所で書かれてますので、UXとはなんぞや？というようなモノは省きます。 まず前提として、UXは「体験や感情」という人の本質部分の背景的な考察、 更に「不変的な事実」、そしてフロントの「UIへの適用」が重要ファクターだと考えています。 これらを掘り下げて説明する能力も無いわけですが、我々が慣れ親しんだ部分で言うと、 わかりやすいところ以下の3つがあるかと。 1. 今までの体験 「今までの体験」という点をデザインに取組む、これは「デザイン」の原点的なモノだと考えています。 以前にも書いたんですが、デ
FacebookのOGPでちょっと気になった事があったんですけど誰か / Maka-Veli .com
Facebook眺めていて、OGPがちゃんと設定されてるのに表示されないモノがあったので少し調べてたんです。先に言っとくと、その件は個人の中ではまだ解決してないんですが、その他のところで気になったのがあったのでメモしときます。 OGPってアレですね、Facebook等でシェアされた時に表示される情報を設定するヤツ。例えば <meta property=”og:title” content=”MAKA-VELI.COM” /> としたら投稿のタイトルが MAKA-VELI.COM になるヤツ。 詳しくはこちら で、気になったのは、これらがきちんと設定されていたページにも関わらず、ogpのimageが表示されていなかったんです。 デバッガー通せばキャッシュされて表示されるかな？と思ったんですが、 なぜかデバッガーではきちんと設定されていた項目になぜか警告とエラーが。 ソース中で
グラフィックについての、環境と形状の話 / Maka-Veli .com
電車広告を眺めるのはクリエイターの日課ですよね(えっ、僕だけ？) 電車の広告、特に棚上広告は横にびっしりと並んでますよね。隙間無い程(電車によっては隙間あるモノもありますけど、、) 他にも電車だけでなく、町中に貼ってあるポスターや街頭広告。 基本、真隣でなくとも広告枠の領域は、当然の事ですが広告が並びます。もちろんクリエイターは、それを見越して、よりインパクトのあるグラフィックを狙いますよね。 時には派手に、時には大きく。なんとかの背比べみたいになってる広告群もありますね。 でもそれって、どうなんでしょう？ 目立たせるだけでは意味を成さない気がします。 ポスターは、より簡潔に、そして完結に、物事を明確、かつ適切で心に響くモノが理想的です。見る人の記憶に残るのが目的であって、インパクトだけでは単なるエグい広告「群」になるだけかなと。 更にいうと、描かれている形状も気になります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
