Throughout my years of being a Product Designer, I have come across many surprises when working with visuals that have made me go 😕😳😲😡😱. I’ve written this article to help you understand the reasons behind why some of these everyday ‘gotchas’ can leave you bewildered. You may not even realise it at first, but a lot of the techniques that you come across when working on an interface, logo or il

「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手

Webデザインを学ぶには、本を購入したり、スクールに通うという方法もあります。 しかし、やってみると難しさを感じたり、実践的な内容ではないと感じる方も多いはずです。 現場で役立つスキルを効率よく習得するなら、Webデザイナーの方のブログを見るのがオススメです。 最近ではWeb関係の有益な情報を発信しているブログが多く存在し、独学でもWebデザインのスキルをしっかりと身につけることができます。 ここではWebデザイナーなら見ておきたい、Webデザイン・制作周りの知識が学べるブログを30に絞ってご紹介します。 すでにデザイナーとして活躍している方はもちろん、これから勉強したいという方にもオススメです。 Webデザインに関するブログ30選 1.Webデザインレシピ http://webdesignrecipes.com Webデザイン、WordPressからCSS、jQuery 、Photosh

そしてこのIllustratorのアクションやスクリプトは、ショートカットキーを割当てることで更に便利に、更に手放せなくなります。 ここまでは結構やっている人が多いと思いますが、マウス自体をカスタマイズしている人って少ないんじゃないでしょうか？ 実際にマジックマウス（Magic Mouse）に実装するという変態的なカスタマイズをお遊びでしてみたところ、びっくりするぐらい便利！！Σ(ﾟДﾟ) スピードアップしたいと試行錯誤している人は、試してみる価値ありです！！！！！ ■実装環境：Illustrator CS 5／iMac(intel) OS 10.6.8 マジックマウスカスタマイズソフトの導入！ マジックマウスの細かな設定は標準機能ではないため、別にソフトをインストールします。 仕事で使っているiMacのOSバージョンが10.6.8とちょっと古いこともあり、MagicPrefsというソフト

デザインの仕事をしている為、普段から大量のファイルを扱っています。ひとつの案件で300点以上の写真を扱うことも多く、撮影元画像を含めたら2,000点なんて簡単に超えます。 それゆえに、ファイル名がかぶって入稿時に写真が差し替わる！といった、ファイル管理からくる単純ミスは、現場では起こりやすいトラブルのひとつです。 ですから使用するファイル名には人一倍気を使っています。 とはいえそこまで厳密なルールを作っているわけではなく、原稿に合わせて連番にしたり、流用画像を多く扱う案件なら撮影した日付を入れたり・・・ぐらいのレベルです。 それでも逐一リネームを手作業でするのはかなり大変！！ そんな時に活躍してくれるのが「一括リネームソフト」です。 リネームソフトとは？ ファイル名を簡単に変更することが出来るソフトのことです。 連番にしたり、ファイルの前後に文字列を追加したり、検索置換が簡単にできたり、と

このふたつのオンラインサービスを使うメリットはこの３つ！！ 見積書と請求書が連動している 書類と帳簿が連動している クラウドなので、どのPCからでも閲覧可能 うんうん！！素晴らしく連携している！！ 請求書作成サービス「Misoca(ミソカ)」とやよいの青色申告 オンライン連携でトラブルにも強いシステムづくりが出来そうです！！ 仕事を請け負ってから入金されるまでの流れ！ 導入前 帳簿付けはやよいの青色申告 オンライン、見積書・請求書はExcelで作りPDFで送っています。 入金があるまで請求書は、どのPCからでも閲覧できるようDropbox内に作った「未入金フォルダ」に入れて管理していました。 一見するとデジタルでしっかり管理されているようですが、見積書と請求書と帳簿の3つはそれぞれ独立したものです。 それぞれ独立したものを、自分の手で逐一管理が必要な状態なんですよね。 それでも上手く回って

といった感じです。 大きな案件なら、ディレクション費用を別途とることもありますが、小さな案件だとそれも難しいのが現状ではないでしょうか。 一般的な見積もり方法の問題点 デザイナー側 デザイン料金が制作物の数に左右される デザイン料金が労働対価だと誤認されクリエイティブ部分が軽く見られてしまう デジタルデータ転用の料金を取りにくい クライアント側 デジタルデータ流用に使用料が発生する デザイン費が制作物の数に左右されるため、新しい広告媒体に挑戦しにくい 追加料金が発生する事もあり見積りが不明瞭 こういった見積り方法の場合、デザイン料は労働対価だとクライアントに誤認される事がよくあります。 Lancersやクラウドワークスのようなクラウドソーシングの料金設定を見れば明らかですが・・・。割りきって使えばかなり使えるサービスですけどね。 そしてもうひつ問題なのが、デザイナー自身もデザイン料が労働対

みなさん、Illustratorのスクリプトって使っていますか？ 社内のデザイナーに聞いたところ、日常的に使っている人は9人中1人！そもそも存在さえ知らないよ、なんて人もいます。おいおい(；・∀・) 使わないともったいないぜ！！・・・と思いつつ、ぼくも使っていませんでしたｗ ということで使っていない人からすると、なかなか敷居が高いIllustratorスクリプト。実際の使い方・導入方法、どんな場面で使うといいのか？などなどまとめてみました。 この機会にぼくといっしょに始めてみませんか？ そもそもどんな時にIllustratorスクリプトを使うの？ Illustratorで作業する際、キーボードショートカットやアクションを使って効率化・スピードアップをしていると思います。スクリプトはその延長と考えてもいいと思います。 少しでも早く作業をするため、単純作業を減らすため、よく使う作業を自動化する

2015年10月13日、新型iMacが発売されました。21.5インチにRetina 4Kモデルが追加され、27インチはすべてRetina 5Kに一新されました。 また新型キーボード「Magic Keyboard」とマウス「Magic Mouse 2」が付属します。オプションとしてマウスの代わりになる「Magic Trackpad 2」も登場しました。 じつは今、新しいiMacを購入を検討中なんです。 ▽ 実際に購入した時の記事はこちら。

ということで、ファミコン世代なら誰もが愛してやまないドット絵！ デザインの仕事をはじめて10年以上たった今でも、隙さえあればドット絵をモチーフにしたカンプを作っちゃいますね。（クライアントにウケはいいけど大抵ボツになりますがｗ） とはいえ本当にドット絵で作るとマジで大変です。 そこでIllustratorの機能を使って簡単にドット絵を作っちゃいましょう！汎用性もかなり高いので作り方をご紹介いたします！ イラストをラスタライズする さてさて、用意したのはこの何の変哲もないイラストたち！！ ヒーロー的なやつから怪人チックなやつ、そしてファミコンのRPGチックな道具たちを揃えましたーーｗ こやつらを、我々アラサー世代が大好きなドット絵にしちゃいましょうｗ まず最初にラスタライズをします。（ラスタライズは、簡単に言うとベクトルデータをビットマップデータにすることです）メニューの「オブジェクト」→「

安い！お得！リプロダクトデザイナーズ家具購入時の注意点 とはいえリプロダクトだから「粗悪品」ということはありません。ですので個人的には、選択肢としてはアリだと思います。ぼく自身いくつか持っていますし。 ですが注意することもあります。 一番大切なのはリプロダクト家具であるとはっきり書かれていることが大事です。 正規品（オリジナル）と銘打って模造品（リプロダクト）を売っている、なんていうのはもってのほかですからね。 ということで、オリジナルデザインの設計者に経緯を払いつつ、リーズナブルなリプロダクト品を楽しみましょう。 チャールズ&レイ・イームズ イームズチェア Eames Shell Side Chair DSW チャールズ&レイ・イームズの椅子の中で最も有名で最も普及しているシリーズ。ABSによるシェル構造によって椅子の座と背が一体化しており、足の形状違いにより様々なタイプが有ります。 イ

QRコードをEPS or PDF 形式で作成 印刷用のQRコードをパス(EPSかPDF)で作成する無料サービス君 仕事でQRコードを作っていれてほしい、という指示は結構多いです。その際、QRコード作成WEBサービスを利用しているんですが、画像データで作るところがほとんどです。 だがしかーし！ここだとEPS形式！（Illustratorで扱えるベクターデータ） 画像でも不自由はないんですが、せっかくEPS形式で作ってくれるなら！・・・ということでよく利用しています。ありがたやー CMYKをDICに変換 CMYKをDICに変換 最初からDICで指定してデザインを始めていれば問題な無いんですが、とりあえずCMYKでデザインを進め、決まってからなるべく近いDICを指定する・・・などというズボラなことをやっている僕にとっては超便利ｗ DICデジタルカラーガイドでも同じようなことが出来ますが、こっちの

ぼくは今、デザイナーとして企業に属しながらフリーでも仕事を請け負っている。 こうやって書くと「おいおい！仕事くださいよ！って宣伝か？」と思われそうですがちょっと違うのだ。（いや、お仕事いただけるのであれば大喜びしますｗ Please job!!!） そう。フリーに憧れるも次の一歩が踏み出せない、しがないサラリーマンなのだ。 それでもフリーで仕事を請け負っていない人よりは一歩進んでいる・・・と前向きに考えるようにしている。 フリーで働けるのかという不安！ 多分フリーに憧れている企業づとめのデザイナーは多いと思う。ぼくの周りだけ見ても多いのだから多分間違いない。 でも同様に「とはいえフリーで食べていくのは無理だよね」と言う声も多い、ぼくもそのひとりだ。 それでも出来ることからやっていくしかないとも思っている。 やれることからちょっとずつ！千里の道も一歩から！ ということでフリーを考えているけど

みなさん、Illustratorのキーボードショートカット、自分仕様にしていますか？ Illustratorではキーボードショートカットをカスタマイズすることが出来ます。キーボードショートカットは時短には欠かせませんよね？それを自分仕様にしちゃうんです。 ちなみにキーボードショートカット設定項目の場所は、「編集」→「キーボードショートカット…」から変更することが出来ます。 代表的なカスタマイズだと、InDesignとショートカットを合わせるというものもあります。「command + F」を全面へペーストではなく検索・置き換えにして統一する、といった具合ですね。 今回はそれとは別に、個人的にかなり時短＆効率化出来る超おすすめのキーボードショートカットカスタマイズを紹介したいと思います。（Illustrator CS5 使用） 1.アートボードを選択オブジェクトに合わせる これがとっても便利！

10年以上商業広告を制作し続けていますが、顧客に求められるものはスピードだ！と感じることが多いです。 基本的なデザイン力・企画力、お客様との会話から重要なワードを引き出す、といった力ももちろん必要です。どれも顧客に満足してもらうためには必要なことですからね。この顧客満足度に関しても根底部分はスピードなのです。 スピードアップとは？ とはいえ意識したからといって、突然全てのスピードが上がるわけではありません。 それにデザインに関して言えば早く作ればいいとも限りません。 スピードアップのためにと、いつも自分の得意なレイアウトで作る。雰囲気が合わなくてもパーツを使いまわす。時間がかかる打ち合わせは軽く電話で済ませる・・・など、ただの怠けたいだけ、面倒なことはやりたくないスパイラルに陥りかねません。「スピードアップのため」を言い訳に使ってしまうのです。これでは顧客は納得しないでしょう。 大切なのは

picjumbo — free stock photos picjumbo — free stock photos 海外のオシャレな写真が数多くストックされています。もちろん商用利用可能の写真。有料のプレミアムメンバー向けの写真もあるようです。 Morguefile.com free stock photos Morguefile.com free stock photos クオリティの高いハイセンスな写真が多くストックされています。日本にはない海外特有の空気感の写真たちです。 Free stock photos · Pexels Free stock photos · Pexels 大量の写真がストックされています。検索ワード（もちろん英語です）カテゴリーに加え人気検索ワードからも写真を探せます。また写真の色からも探せるので雰囲気しか決まっていないときでも使いやすいです。 JÉSHOOT

最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ