The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

シンプルで長く愛用できる書体から、トレンドの手書きやブラシをつかったレトロモダン書体、人気の高い筆記体やナチュラル系などデザインの幅が広がる最新フリーフォント素材を集めています。 高品質な素材のみを厳選しているので、入力した文字にフォントを適用するだけで、ガラリと雰囲気を変え、デザインを魅力的に仕上げることができます。デザインアイデアに困ったときにも、参考として目を通してみると良いでしょう。 商用可！手書きでナチュラルな無料フォント140個まとめ 2021年完全版（和 / 英文対応） デザインが楽しくなる、高品質な無料フリーフォント素材まとめ 2017年3月度 Aquatuco 全体的に丸みを帯びたフォルムが柔らかい印象に見せるフリーフォント。 ※ 個人、商用利用可能 Zwiss Typeface 定番フォント Helvetica のスタイルを反映させた、どんなデザインにも使える万能フォン

Photoshopの使い方を学ぶのに適した、最新のデザインチュートリアルをまとめています。ステップごとにツールの使い方を覚えることで、より実践的なデザイン表現が可能になります。 今回は最近公開されたばかりのチュートリアルを中心に、Photoshopでの作業効率をアップしてくれる基本テクニックから、プロ顔負けのデザイン裏技など高品質な作品をまとめてご紹介します。お好みのデザインエフェクトを見つけて、今後の制作プロジェクトに活かしてみてはいかがでしょう。 やってみたかった表現をマスター！基礎力をつけるPhotoshopチュートリアル30個まとめ Photoshopの使い方を知ろう！参考にしたい新作チュートリアル、作り方まとめ 深海の美しい景色をデザインする方法 フィルタ機能や調整レイヤー、スマートオブジェクトなどを利用して作成する、これぞPhotoshopな合成テクニック。 光の軌跡が美しいタ

ホバーやクリックした際の動きを中心に、CodePenで公開されているCSSを使ってちょっとしたエフェクトやアニメーションを付けたいときに参考になりそうなデモを紹介します。 いずれも目新しい感じのものではないのですがひと通りの動きがまとめられているデモが多めなので、エフェクトをどんな感じにするか悩むことが多い人はこういったものをメモしておくのがおすすめです。 CodePenで公開されているので実際の動きやコードを見るだけでなく、それらをベースに自分好みに変更して動きを確認したりも容易にできます。 また、例えばクライアントなどからアニメーションを付けたいというざっくりな要望があったときなどにも、こういったものを利用することで大体のイメージをお互い認識できたりするのに利用できそうですね。 紹介しているものはホバーやクリック時のエフェクトが主になるので確認はPC推奨です。 Stacked Card

事前の準備 社長が怒鳴りつけているときに「お前はクビだ！」と失言したら、カバン一つ持って逃げ出そうと考えていたので、その瞬間が来たときための事前の準備はしていた。 準備というのはこの２つだ。 ・引継ぎ資料を作っておく ・文房具類は失ってもいいもののみ持ち込む 引継ぎ資料を作っておく 私の場合、同じ仕事をしている人が他にいなかったので、自分がやっている全作業の手順をある程度エクセルにまとめていた。 社長が日報やマニュアルや規則集といった資料を社員に作らせるのが好きだったので、辞めるとなったら「マニュアルが完成するまで辞めるな」と言われるのが目に見えていたからだ。 私は用意したが、引継ぎ資料がなくても逃げ出すことはできる。 これを作成するために逃げ出すのが遅れるくらいなら、一刻でも早く逃げ出したほうがいい。 文房具類は失ってもいいもののみ持ち込む 社長が「クビ！」や「顔も見たくない」などの発言

「セクハラでは」などの疑問の声がTwitter上などで上がっていた資生堂「インテグレート」のCMシリーズについて、資生堂は10月7日、ハフポスト日本版の取材に対して、差し替えを検討していることを明らかにした。「CMの制作意図が十分に伝わらなかったため」と理由を話している。

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。

そもそもUXとは？なぜUXデザインが必要なのか？UXとUIの関係性UXデザインが目指すべきところUXが重要であることは、近年の議論からすでに認識されている方も多いことだろう。 しかし、UXデザインの定義や位置付けはとても曖昧で、人によって捉え方は様々なのではないだろうか。 筆者自身、これまでのプロジェクトを通して様々なバックグラウンドを持った人がUXという言葉を使っているのを目の当たりにし、その度に認識のズレを感じている。 結論から話すと、UXデザインについて定義することよりも、この言葉が世間でどのような使われ方をしているのかを知ることのほうが重要である。 今回は弊社の提供するイノベーションプログラムやデザインプロジェクトを通して蓄積した経験から「UXとは何か」といった捉え方や基本的な概念部分、そして「なぜUXを考える必要があるのか？」にフォーカスし、いくつかの観点をまとめて紹介する。 一

Webサイトのデザインは紙のデザインと異なり、技術的な制約が強く、特に最近は様々な環境（デバイス、ブラウザ、画面サイズ、屋内・屋外など）での閲覧に対応できることを求められます。そのため、戦略から要件、コンテンツ、機能と論理的にデザインを決めていくと、どこかで見たことあるような没個性なデザインになりやすいものです。（注：ここでいうデザインは視覚的なデザインを指します） マルチデバイス、マルチブラウザが進み、レスポンシブWebも選択肢の一つとして一般化した昨今では、Webデザインの没個性化はますます進んだ印象があります。例えば、Googleが公開しているマテリアルデザインのガイドラインを見ても、デザインのパターン化と属人性排除の思想を如実に感じることができます。また、データドリヴンなサイト改善を積極的に行っていくと、「デザインの個性」と成果に大した因果関係がないことを痛感します。 没個性なデザ

■全角・半角共に1文字として換算した文字数 ■全角＝1文字、半角＝0.5文字として換算した文字数 ■全角・半角共に1文字として換算した文字数(空白は除く) ■全角＝1文字、半角＝0.5文字として換算した文字数(空白は除く) ■行数 ■全角・半角共に1文字として換算した文字数 全角文字・半角文字共に1文字として換算した文字数が表示されます。改行は数えません。 ■全角＝1文字、半角＝0.5文字として換算した文字数 全角文字を1文字、半角文字を0.5文字として換算した文字数が表示されます。改行は数えません。 ■全角・半角共に1文字として換算した文字数(空白は除く) 改行文字と空白文字(全角半角空白)を除いた全角文字・半角文字共に1文字として換算した文字数が表示されます。 ■全角＝1文字、半角＝0.5文字として換算した文字数(空白は除く) 改行文字と空白文字(全角半角空白)を除いた全角文字を1文字

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

2015年5月、スマートフォンによるGoogleの検索数がPCでの検索数を抜いたというニュースがGoogleの公式ブログで発表されました。昨今の私たちは多くの情報をスマートフォンで検索しています。その流れに伴って、現在は多くの企業がスマートフォン用に最適化されたWebサイトを持つようになりました。 我々Web制作者はこの流れの初頭、PCサイト制作で培ったノウハウを元に、手探り状態で制作していたのを記憶していますが、この数年の間で一定の制作ノウハウが蓄積されてきたように思います。 しかしデバイスが多様な進化を遂げる中で、スマートフォンサイトのUI作法も日々刻々と変化し続けています。私たちWeb制作者は一定のノウハウを使い回すことに固執せず、常に新しい動向を自分の目でキャッチして知識を刷新し、日々の業務にフィードバックさせる活動が大切です。 というわけで少々前置きが長くなりましたが、今回は昨今

こんにちは。クックパッド ダイエットのデザイナーの新妻です。 クックパッド ダイエットでは、「正しく食べてやせる」をコンセプトに銀座と代々木にある店舗でのダイエット指導と、ダイエット情報を毎日配信するメディアサイトの運営を管理栄養士と一緒に行っており、私はデザインやコーディングを担当しています。 今回は新規コンテンツを作る中で、ユーザーの声をどのようにデザインに反映していくかというお話をさせていただきます。 どんな気持ちでダイエットラボを利用している？ クックパッド ダイエットは、ユーザーの約85%が女性で、年齢でいうとメディアの方は20代〜40代と幅広く、店舗の方は40代の方を中心にご利用いただいています。 サイトや店舗ユーザーの目的の多くは“ダイエット”ですが、店舗にいる管理栄養士を通して「歳を重ねるごとに痩せにくくなって困っている」「体調が良くないので改善したい」という、より具体的な

http://picsvg.com/ 「PicSVG」の使い方 まず「Upload a picture」のボタンをクリックして、写真をアップロードします。 ファイルサイズは1MBまでになりますよ。 「Svg Color」で好きな色を選択し、「Download Image.svg」のボタンをクリックしてダウンロードします。 現場のプロが教えるWeb制作の最新常識[アップデート版] (知らないと困るWebの新ルール) 簡単にベクターデータに変換できるので、便利ですね。 以上で画像をSVGのベクターデータに変換できるサイト「PicSVG」！でした。

変更前の合計アクション率が0.29%なのに対し、変更後は1.19%と、約3倍の差がついています。 特に顕著に伸びたのが「LINE」と「Pocket」で、変更前の10倍近いシェア数を示しました。 「シェアする」ボタン表示の場合、「シェアする」をタップし、表示されたSNSボタンの中から好きなものを選ぶ、という流れになりますがが、改修後の場合は「シェアする」ボタンをタップするアクションを省略することができます。 その1アクションを省略するだけで、ユーザー行動は大きく変わるようです。 前回の事例記事でも解説しましたが、*「ひと目でSNSボタンが認識できる」*状態にしておくことが重要です。 「お気に入り」ボタンについては、SNSボタンの表示を優先し、上部にずらしてみましたが結果、使用数は約3倍増加しました。 �K�} V

この記事は2015年4月17日に公開された記事を再編集しています。 ferretでは、ユーザーの皆様が使いやすいサイトになるよう日々細かな改善を行っています。 改善を繰り返していくなかで、思わぬ結果が出てしまうこともあります。 直近では、スマートフォン版ferretのシェアボタン表示を変更してA/Bテストを行ったところ、両者のシェア数に大きな差が生じました。 今回は、そのテスト内容と結果をご紹介します。 テストを実施した背景 ferret内には、会員登録すると利用できる「お気に入り」というブックマーク機能があります。 スマートフォン版では「お気に入り」ボタンはページの最下部に設置されているので気づかれにくいのではないかと考え、「お気に入り」をページ上部に自然と配置して利用率をあげようというのが今回のテストの狙いでした。 テスト内容：スマホページのシェアボタン表示を変更 ferretのスマホ

ferret編集部：2014年10月9日に公開された記事を再編集しています。 スマートフォンからのアクセスが伸びていませんか？ 今後もますます広がると見られるスマートフォン。その見え方をあなたはチェックしたことがありますか？制作業者まかせになっていませんでしょうか。 本記事では、パソコンからスマートフォンでの見え方をチェックする方法やツールを紹介します。ぜひ、自分にあったものを見つけて、定期的にチェックしてください。 ＜目次＞ ・MacならSafariでチェックできる ・WindowsであればChromeで簡単！擬似スマホチェック ・開発環境を持っている人はシミュレーターも ・ショートカットを作っておくと便利！ ・クラウドで実機テスト！ ・実際の端末を手にしてテスト 1. Safari開発メニュー ふだんMacを使っている人ならば、Safariの標準機能でスマホでのデザインチェックが簡単に

みんなのやさしさで目から汁があふれて画面が見えない…。 今朝方、ここ半年ぐらいずっと困ってたことを改めてブログにして吐き出したのがこちら。 それが世間の皆様の心あたたかいご助言により、めでたく解決したので感謝と感謝と感謝の意をこめて、他の困ってる方々にもお伝えするべく、教えてもらった内容以下にすべてまとめます。 第1希望の「AdobeだけRetina切る方法」 困ってますエントリーの希望としてあげさせてもらった第1希望「AdobeだけRetina切る方法」を、そのものズバリ教えてくださったのはこちらの方。 高橋としゆき（@gautt） Finderの［情報を見る］で［低解像度で開く］にチェックを入れておけばいいのでは https://twitter.com/gautt/statuses/449434490176143360 はてなダイアリーだとツイート埋め込めないんだね… 高橋としゆき (