デザイナーが担当する領域は、近年ますます幅広くなっています。そのため、常に学び続けることが必要ですが、新しいことを学ぶのに参考書で勉強するのは退屈ですし、スクールはややハードルが高いという問題があります。 そこで今回おすすめするのがオンライン動画学習サービス「Udemy」を使った学習です。 実際、UX MILK編集部の中にもUdemyでいくつか講座を受講している人がいますが、動画なので飽きにくく仕事終わりに軽く勉強するのに丁度良いそうです。 Udemyとは Udemy（ユーデミー）は、世界で1,700万人が利用する世界最大級のオンライン学習プラットフォームで、日本ではベネッセコーポレーションが事業パートナーとして2015年から協業を開始しているサービスです。 Udemyのおすすめポイント 講座の種類が豊富でITやデザインを学べる講座が多い 一度購入したらずっと視聴ができ、30日間の返金保障

Web制作時、alt属性（画像の代替となるテキスト情報）の書き方について悩んだことはないでしょうか？アクセシビリティの観点からもキチンと写真の状況を適切に説明する文章を入れることが推奨されています。 が、私は悩むし悩んで作った割に説明できてないといった感じで、作るのがとても苦手です…。 というわけで、「alt属性の文章を自動で生成する方法ができないか？」と思って調べていたところ、Cognitive ServicesのComputer Vision API Analyze Image（画像解析）を使えばできるんじゃないか？と思ったので試してみました。 今回もLogic AppsのComputer Vision API Analyze Imageコネクターを利用するのでノンコーディングです！ 今回やったこと ちなみに、Cognitive ServicesのComputer Vision API

こんにちは。デザイナーのハルエです。 最近の流行は「トシムリン」です。あぁ次こそ生で見たい・・・。 CSS3でアニメーションを作成するとコードが肥大化して複雑になるため、ライブラリやオンラインツールを使用して作成している方も多いと思います。 簡単なアニメーションで言えば、「transition」でボタンのマウスオーバーに背景色をアニメーションさせたり、画像をフェードさせたり拡大・縮小させたり・・・などなど。 「animation」を使えばさらにできることが広がるのですが、まだまだwebkitブラウザ以外では正常に動作しないのが難点です。 今回は、CSS3アニメーションを一瞬で設定できちゃうオンラインツールをまとめて紹介します。もう知っている人もたくさんいるとは思いますが、まだ使ったことのない方はぜひ一度試してみてください。 CSS3アニメーションを実装！オンラインツール7選 Animate

みなさんはAdobe Photoshopでどのように画像を書き出してますか？ 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 本記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式（書き出し形式、クイック書き出し）は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し（従来）」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 ［ファイル］→［書き出し］→［書き出

CVRを上げるためのバナー制作4つのポイント～Yahoo!ニュースアプリA/Bテスト事例からみえた「都道府県ニュース」の隠れた需要 世のアプリ運営者なら誰でも抱えている課題の一つに、「どう集客するか（＝ダウンロードしてもらうか）」ということが挙げられると思います。Yahoo!ニュースはブラウザ、アプリの両方で展開しておりますが、もちろんYahoo!ニュースのアプリ担当者らもそのような課題を抱えており、日々研究・試行錯誤を続けています。今回は、Yahoo!ニュースアプリにおけるバナー集客の事例と、そこから見えてきたポイントをご紹介したいと思います。 効果的なバナーをつくる4つのポイント アプリの集客方法には様々な方法がありますが、今回はYahoo!ニュースのブラウザ版の利用者に向けたバナー集客例を取り上げたいと思います。 Yahoo!ニュースは、ご存知の方も多いと思いますが、アプリ版が登場す

Illustratorでは文字/段落スタイルを使っていない方も多いことでしょう。かつてのデファクトスタンダードだったver.5や8にはなかったですもんね。使わなくても仕事できるし。私、別にスタイルの普及活動をしているわけでもないのですが、便利な機能があるのなら使った方がいいと思ってご紹介しております。 ただ、文字/段落スタイルはとっつきにくいのは認めます。前回のバグもそうですが、いろいろなルールがあり、覚えるのも面倒。よくわかります。 以前にもスタイルに関して記事を書いていますが、InDesignとの比較として紹介していたためIllustratorのスタイルとしては分かりにくく、内容も不十分なところがいくつかございましたので、今一度まとめてみました。 ●InDesignとIllustratorは違うもの 私の文字系スタイル遍歴はQX3→QX4→ID→Aiときています。文字系スタイルはQXと

こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお

レスポンシブWebデザインやスマートフォンサイトなど、Webサイトのスマートフォン対応は今や当たり前。では、「メールマガジン」に代表されるマーケティングメールは、スマートフォンやタブレットにきちんと対応できていますか？ 本連載では、マルチデバイス時代に対応したEメールの考え方である「レスポンシブEメールデザイン」を紹介し、実際の作り方を5回にわたってお送りします。 �80% of people delete an email if it doesnʼt look good ontheir mobile device.” 自分のモバイルデバイスできれいに表示されないメールがあったら80%の人が消してしまう 毎日のように手元に配信されてくるメールマガジンは、海外ではこのようにレポートされています。 日本でもスマートフォンやタブレットなどのスマートデバイスの普及が高まり、Eコマースをはじめとした

みなさんはGmail使ってますか？　わたしはかなりメインで使っているので、一度、バックアップからそれを閲覧するまでを体験しておいたほうがいいなーと思い、方法を調べてまとめてみました。 使いやすいけど、自己責任 無料で15GBもの容量が使えるGmail。スマートフォンやタブレットなどマルチデバイスで使え、@gmail.com以外のアドレスも送受信可能で、ユーザーは非常に多いのではないでしょうか。でも無料なだけに、突然障害が起きてすべて消えてしまっても何のサポートもありません。 大事なメールとかがあるのなら、定期的にバックアップはしたほうが良いですよね。調べてみたので、メモ的に残しておきます。 アーカイブを作成・DL データ ツール – データのダウンロード こちらから、Gmailに限らず、Googleのサービス全体のアーカイブを作成することができます。 Gmailだけ選択します。ラベル管理を

CSS Nite と同様に、年末恒例になっているのが WCAN Winter。例年、ビジュアルデザインやコードの書き方など、「作り方・見せ方」をテーマにしたセッションが必ずひとつありましたが、今年は 3 つあるメインセッションがすべて「コンテンツ」をテーマにしていました。200名以上集まる Web サイト制作系のイベントで、全編「コンテンツ」をテーマにして話せたのは、大きな意味があったと思います。 昨年は「スマホサイトが嫌われる理由と改善方法」と題して、スマホサイトで足りないのはデザインではなく、コンテンツであるという話をしました。当時は、作る前にしっかりサイトの『健康診断』をして、コンテンツをゼロから見直しましょうという内容でした。今回は「なんとなく」を共有する、コンテンツを活かしたデザインプロセスと題して、コンテンツ制作やデザインを進めていく上で、理解・共有しやすくなるように工夫しまし

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

GAIAX IS A STARTUP STUDIO DETERMINED TO SOLVE SOCIAL ISSUES ガイアックスは、人と人をつなげるため、 ソーシャルメディアとシェアリングエコノミー領域、 web3・DAOを用いた事業に注力する 起業家輩出のスタートアップスタジオです。

2014年12月3日（水） 第21回リクリセミナー「Illustratorで作ろう！10倍ラクするWebデザイン」で登壇したときのスライドです。 LINEスタンプの制作データを材料に、 Illustrator テンプレートと書き出しスクリプトについてご紹介しました。 当日のセッションでスライドを使わずにデモした部分は、参加者の方向けに後日フォローアップ記事を公開予定です。 参考： LINEスタンプ用 Illustrator テンプレートと書き出しスクリプト http://awayuki.hatenablog.com/entry/2014/07/25/124621 Scripting Developer Center | Adobe Developer Connection http://www.adobe.com/devnet/scripting.html Illustrator入門（入門

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。