毎月、新しく公開されたIllustratorの使い方を体感的に学ぶことができるチュートリアルをまとめています。今回は、Illustratorの基本ツールの実践的な使い方や小技から、より高度なイラストテクニックまで幅広いセレクションが揃いました。 特によく利用する基本機能をしっかりと押さえ、作り方に沿って手を動かすことで、実践の現場にも対応できるスキルを学びます。また、最新グラフィックデザインのトレンドを意識した、新しいツールの使い方や活用方法を知るのにもぴったりです。 しっかり入門！きちんと身につくIllustratorチュートリアル、つくり方37個まとめ 基本を押さえて学ぶ！しっかり身につく Illustrator 用チュートリアルまとめ カラフルなグラデーションをつかった球体の作り方 カラフルな配色が混ざり合ったユニークなグラデーションエフェクト。グラデーションメッシュ機能とワープ機能

中長期のための大きなデザインも大事だけど、そのために日々の改修が犠牲になってはならない（その逆は言語道断）。そんなわけで、しばらくの間は、1〜2日で終わる小さな改修を、コンスタントにnoteチームに提案したいなぁと考えている。 もちろん、「リソースが許せば」だけれども。なぜならpiece of cakeにはまだデザイナーが1人しかいないことだ。そんなわけで、中長期でどういうチームを作るべきかウンウン唸っている。 並行して走るスロットが3-4つ欲しい理想を言えば、デザイン/開発リソースを3つのグループにわけたい。「大局リソース」、「開発リソース」、「カイゼンリソース」の3つだ。これらはそれぞれ独立しているのが望ましい。複数のレイヤーを1人のスタッフが兼任していると、どれかが忙しくなると、他の全てがストップしてしまうからだ。 大局リソース ガイドライン、コンポーネントなど、会社全体にストックさ

UI Crunch #11 金融業界に革命を起こす、FinTechスタートアップのUIデザイン / 2017.09.06

Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Webサイトを分割してチームでデザインをするときにチームメンバーが共通認識を持つには、デザインドキュメントまたはWebデザインのスタイルガイドを作成することが有効です。これは、エンジニアがデザインを変更してしまうことを防ぐのにも役立ちます。 異なるページの間に一貫した体験を作り出すために、スタイルガイドを用意するのはとても有効です。また、今後の開発やサードパーティ製品が生まれた際も、ブランドのガイドラインに沿い、ブランドの一部として知覚されるようにやすくなるでしょう。 Luke Clum氏は、Webデザインの第一歩としてスタイルガイドを利用することについて、昨年簡単に紹介をしました。この記事で

1日にキャッシュできる金額が 表示されるようになりました！ サービスを安定してご提供できるよう、 1日にキャッシュできる金額に上限を付けさせていただきました。 まずは月間3億円（1日1000万円）ほどのキャッシュ枠をご用意しております。 金額に関しては、今後も改善していけますように調整していく予定です。 評価制度を導入しました！ 継続的に優良なお取引をしていただけるユーザーの方に対し、 より良い査定結果などをご提供できるよう、評価制度を導入いたしました。 ご自身の評価はアプリ内 [設定] よりご確認いただけます。 「アクティビティ」画面を リニューアルしました！ CASHは「目の前のアイテムが キャッシュに変わるアプリ」です。 現在、大半の方が「アイテムを送る」選択をされていますので、 アイテムを送りやすくする画面に変更いたしました。 また、お取引のキャンセルも無料とさせていただきます。

なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで

コーディング　Kota Naito / 2017.07.11 シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選 画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。これから紹介する様々なデザインサンプルを組み合わせれば、また新たな面白い見出しを作ることも可能かと思いますので、カスタマイズも楽しんでみてください。 一部ブラウザで表示できないデザインもあるかと思いますが、その場合はベンダープレフィックスを、各自で追加してください。 このページでは「見出しデザイン」のプレビューに画像を使用していますが、実際の表示は以下デモページで確認することができます。 DEMOページ 手書き風の見出しデザイン[01] このデザインのポイントは「border-radi

2017/6/29 UX failconの登壇資料です

こんにちは。アメーバピグ デザイナーの武田祐子です。 今回はIllustratorのベクターデータでいかに効率よく、可愛いイラストを描くかをアメーバピグのイラストのメイキングを通してご紹介するシリーズの第一回目です。 ピグのイラストの特徴は、ほぼすべてのイラストをペンツールなどを使ってベクターデータで作成しているということです。ピグで登場する服も家具も風景もすべてパスで作成されています。 毎月数百点のイラストをリリースしているピグでは、クオリティを担保しつついかに早くイラストを仕上げるかがポイントとなってきます。アンカーポイントをなるべく少なくベジェ曲線をシンプルに保つのが、美しくてデータ量も軽いイラストを作成できるコツです。 パスで作っていくにあたり、ショートカットを上手く使えばイラスト作成のスピードは格段に上がります。今回は使って便利なショートカット10点をご紹介しながらイラストの作成

『アメーバピグ』デザイナーがリレー形式でお届けする本シリーズ。毎月数百点のイラストをリリースしている『アメーバピグ』では、”クオリティを担保しつついかに早くイラストを仕上げるか”がポイントとなってきます。 そんな開発現場で培われたノウハウを、実例を元にご紹介していきます！ こんにちは。アメーバピグ デザイナーの福岡です。 今回はIllustratorのベクターデータでいかに効率よく、可愛いイラストを描くかをアメーバピグのイラストのメイキングを通してご紹介するリシーズの第二回目です。 今回は「素材感」をテーマでお話します。 前回も書いたように、ピグのイラストは極力少ないアンカーポイントでシンプルな線で表現されているのが特徴です。 そしてアメーバピグは「仮想現実」の世界であり、その中でまるで本当の街や国、部屋にいるようなリアリティを感じて楽しめるようにクリエイティブを工夫しています。 そのひと

本当の服を、着よう。 がらっと、気分を変えよう。 こういう服も似合うんだ、って、 知らなかった自分を好きになろう。 街に出て、たくさんの人と会おう。 そして、誰かを好きになろう。 本当の服を着るって、世界を変えることだ。 世界を変える力を持つ、本当の服に出会おう。 「世界を変える」バッジを付けたスタッフが、 あなたを、10分でまるごと変えます。 「ＵＡ ＴＲＡＮＳＦＯＲＭ ＳＨＯＷ」 12月２日（日）まで、UA全店舗で開催中。※ transformshow.com ※一部、対象外の店舗がございます。

デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

VISUALTHINKING とは？ インフォグラフィック専門のコンテンツレーベルです。インフォグラフィック・デザイナーの櫻田潤が運営しています。 プロフィールを見る Instagram Threads