デザイナーのみなさま、突然ですがこんな悩みはありませんか？ ブランドカラーを何色にするべきか、どのように決めたらよいか迷ってしまう。 いつも無難な色を使いがちでデザインの幅が広げづらい。 なぜこの色なの？と聞かれた時にロジカルな回答ができるか心配。 デザインをしていると、このような悩みを一度は持ったことがあるのではないでしょうか。 プロセスの中で必要とされるカラーの選定は、1つの難関ですよね。 0→1フェーズのデザインを得意とするグッドパッチでは、目には見えないサービスのコンセプトを決定するところから、ブランドカラーやサービスロゴなどで実際の形にする提案までを担当させていただくことが多々あります。 実際に私が担当したプロジェクトでは、とある企業さまの新規デジタルメディアの立ち上げを担当させていただき、その際Webサイト内とサービスロゴに使用するブランドカラーの提案をさせていただきました。

あらゆるデザインで重宝する「テクスチャ」素材。背景デザインとしてそのまま使うのはもちろん、重ねて利用するだけでビンテージなど異なる風合いを演出できるアイテムなど、テクスチャ素材の種類や用途もさまざまです。 今回は、無料ダウンロードできて実用性の高いテクスチャ素材のみを厳選してご紹介します。人気が高まっている手書きや水彩ペイント、高級感のあるのキラキラ素材、和紙や日本の墨流しなどの他に、普段使いにオススメのウッドや紙、グランジテクスチャなど幅広いセレクションが揃います 。 無料で高品質！デザインがグッと良くなる厳選テクスチャ素材まとめ Natural Vector Texture オーガニックでナチュラルな風合いを演出できるベクターテクスチャ素材で、そのままデザインにも利用できるスタイリッシュな見た目に注目。 10 Luxury Gold Marble Textures 高級感のある金色の大

どうも、まさとらん（@0310lan）です！ 今回は、ブラウザ上から誰でも簡単にHTML5で作られたアニメーションを製作できるWebサービスをご紹介します！ Webサイトやサービスに組み込んで動きのあるコンテンツを作成したり、企業ロゴやバナー広告、商品紹介、インフォグラフィック…など、とても幅広い分野に応用することが可能です。 ブラウザさえあれば今すぐアニメーションを作れるので、ぜひみなさんもオリジナル作品を作ってみてください！ 【 Animatron Studio 】 ■「Animatron Studio」とは？ 「Animatron Studio」は、とにかく誰でも簡単にアニメーション製作ができることを前提に設計されています。 豊富なイラストやテンプレートを自在に組み合わせることで、わずかなマウス操作だけで楽しいアニメーションを次々と作っていくことが可能です。 例えば、以下のようなアニ

前記事の続きです。 www.chichihatsuchi.com 「づんの家計簿」を始めたわたしが、得意のめんどくさがりを発症し いきついたExcelさまの手作り家計簿を参考までに載せてみたいと思います。 一応、二ヶ月続いています。信じられないけれど。 続けられるポイントは恐らくこの3つだと思われます。 単純明快。 Excelさまが勝手に集計してくれる。 今どれだけ使ってるかに加え、あとどれだけ使えるかが瞬時にわかる。 上記の中でも特に3がわたしにとっては大きなポイントになってる気がします。 これまでざっくりとした感覚で、あー今月使いすぎてるなー、 という適当具合だったので、 あくまでもマイナスからのスタートなわけですが。。。 そんなわけで、今使っているEXcel家計簿はこんな感じのものです。 まず明細票Sheetを作ります。 ●買い物を書き出す際、費目わけをする。 基本的な考えは「づんの

Meet the next generation of infographics Transform complex ideas into captivating visuals that inform and engage your audience. With Piktochart AI, you can create stunning infographics, reports, and presentations in seconds, perfectly aligned with your brand. No design experience required.

Make an infographic in minutes, not months, with Canva’s easy-to-use infographic creator. Make data beautiful—and easy to digest. With Canva’s free infographic maker, there’s no need to struggle with complicated design software. Simply choose an infographic template, add your information and there you have it: A stunning custom infographic. Canva has an extensive range of templates and thousands o

こんにちは。 株式会社アンジェ・リュクス ライフオーガナイザーⓇ リユースマスターⓇの宮川なみ です。 収納・インテリアで暮らし最適化 あなたの暮らしが上質なものとなるようお手伝いしています。 防災用の備蓄、みなさんはどのように管理されてますか？ 気づくと賞味期限が切れていて処分するはめに...。 なんて経験をされたことのある方、多いのではないでしょうか。 今回は我が家で実践している 賞味期限切れを気にしなくてよくなる防災備蓄(ローリングストック法)を ご紹介いたします。

個人でも商用でも無料利用できる、日本語のフリーフォント332種類を紹介します（公開時より、3+18個増えました）。 ビジネスからプライベートまで、幅広く利用できる無料フォントが満載です！ 去年は260種類だったので、今年は大幅に増えています。 中には、配布先が変更されたフォント、配布終了になってしまったフォント、無料でなくなったフォント、ライセンスが変更されたフォントもいくつかあります。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ 初紹介のフォントから既存フォントも改めてリンク・ライセンスを確認しています（※情報はこの記事の執筆時のもの）。ライセンスはWebデザインだけでなく、同人誌や印刷物などでの利用も確認しました。

新人コーダーが迷いやすいと言われている、ファイル名、id・class名の付け方。 この記事では、それぞれの命名規則やコツについてまとめたいと思います。 少しでも皆様の参考となれば幸いです。 共通事項 ファイル名、id・class名を付ける際の注意点 まず始めに、ファイル名、id・class名を付ける際の注意点から確認していきます。 難しいことはありません。 下記に注意して名前を付けるようにましょう。 １．半角英数字のみを使用する。 「日本語」、「全角英数字・記号」、「半角カタカナ」は使用することが出来ません。 ２．記号は「-」（ハイフン）、「_」（アンダースコア）のみ使用する。 「\」（エンマーク）、「/」（スラッシュ）、「:」（コロン）、「*」（アスタリスク）、「?」（クエスチョン）、「”」（ダブルクォーテーション）、「<」（左アングルかっこ）、「>」（右アングルかっこ）、「|」（パイプ

デザイナーとして学ぶことができる重要なスキルのひとつは、書体を選択する力です。デザインの主要ポイントのひとつとして扱われることが多いフォント、書体は、デザインの仕上がりを良くも悪くもしてしまいます。 この記事では、これから学びたいひとに向けた書体をうまく選択する基本ルールをまとめてご紹介します。普段からよく利用しているフォント以外に、新しい組み合わせ方を詳しくみていきましょう。 デザインの目的をはっきりさせよう。 デザインをはじまる前に、目的はなにかきちんと確認しましょう。どのような情報を伝えたいですか。ウェブや印刷などどんな媒体を対象にしていますか。 優れているとされるデザインは、その目的に合わせてタイポグラフィーを合わせています。これは、タイポグラフィーが雰囲気や色調、スタイルを決める鍵となるからです。 たとえば、イラストを多用したグリーティングカードをデザインするとき、イラストのスタ

こんにちは！ 野尻湖オフィス デザイナーのずんこです。 長野はすっかり秋めいて、朝晩の気温が5℃になったのでストーブを引っ張り出しました。そして今年もぶどうと梨を気のすむまで食べてからりんごを食べ始める所存です。 さて、早いものでWebデザインを始めてから何年も経過し、提案書を携えて客先に行くことも当たり前になりました。 とはいえ毎回ヒアリングから提案書を起こすまでに時間がかかります。途中で参考資料を読み返したり、先輩方の提案書を見ては悲観的になったり、違う手法を試そうと模索したり……。 この工程を、段階は端折らずスマートに、もう少し時間をかけずに成し遂げたいなと思い、自分なりにワークシートに落とし込んでみることにしました。 （作ってみたものの、まだ自分でも使ってないので今後どんどんバージョンアップして行こうかなと思っています） Step1. まずは事業の理解と会社の理解を とにかく何も知

これまでWebデザイナーについての仕事内容やWebデザイナーとはなんたるものか、などいくつも記事が書かれてきましたが、Webデザイナーとして仕事をしていくにあたり、実務経験以外にどうやってスキルアップを図っていくのか？まずはどこから勉強していけばいいのか？ デザインを上達させるために、デザイナーは大体通るであろう、「トレース」について今回は書きたいと思います。 トレースとは？ 「トレース」とは、その名の通り模写することを指します。Webデザイナーに限らず、デザイナーたるもの、日々いろいろなデザインに触れ、自分の引き出しを増やしていくことは当然のことです。 ただそれだけなら、デザイナーだけでなくどんな方でもできることかと思いますが、そこから「良いデザインがなぜ良く見えるのか？」ということを細部までしっかりと見て、考えることがまず第一歩です。 そこから先に「トレース」という良いデザインの完全コ

デザイナーさんと昼飯を食っていたら急に「どういうデザイナーとだと仕事しやすいですか？」と聞かれ、しばらく考えて色々話したけれどいい感じに伝えられなかったのでここに書き出しておきたい。 先に言っておくと、これはデザイナーさんの良し悪しの話ではなく、あくまで自分の経験的にこういうことを意識してくれていると楽だったなーやりやすかったなーという感想でしかない。人によって仕事のスタイルが違うのは当たり前だし、やり方を強要するつもりはない。ただ、お互いにこういう振る舞いだと仕事しやすいというのを伝え合うのは大事だと思うので、あくまでこういう風に考える開発者もいるんだなぁくらいにとらえてもらうのがいいのかもしれない。 1回目に見せるラフを作るまでがとにかく速い 人に見せる時に、今の完成度やどういう粒度のフィードバックを期待してるかを先に伝えられる 何かフィードバックを受けた時に、なぜ自分がそうしたかを論

はい、というわけでお約束通りWebディレクター向けポートフォリオの作り方です。僕が受託の人間だったので受託向きですが、Web系事業会社側の人でもうまくアレンジすれば使えるんじゃないかと思います。 文末にPowerPointのテンプレートデータも置いておくのでダウンロードして自由にお使いくださいまっせい。 文頭に置かないのは記事を読ませたいからではなく、テンプレートデータだけもらってもたぶんちゃんと使えないんじゃないかなーと思ったからです。 と思ったけど、よく考えたらダウンロードして手元に置きながら読みたい人もいるかなと思ったのでやっぱり先に置いちゃう。 ダウンロードとスライドシェア ■ダウンロード 以下にアップロードしたので、自由に持っていてください。どうぞどうぞ。 ポートフォリオテンプレートをダウンロード ■スライドシェア 一応、スライドシェアもアップしておきます。 Webディレクター用

温泉旅館の浴衣は、普段着ることの少ないものだからこそ「浴衣の合わせは左右どっちが正しいの？」「歩いていたら崩れてきちゃった」…そんなお悩みを持つ方も多いかもしれません。 でも、実はたった5つのポイントを押さえるだけで誰でもキレイに着られちゃうんです。 ここでは、旅館で温泉浴衣を着る手順に沿ってそのポイントを紹介していきます。 記事配信：じゃらんニュース 【STEP1】 浴衣を羽織って左右の裾の長さを揃えよう！ ポイント：浴衣美人になる秘訣は良い姿勢と左右の長さにあり 浴衣を羽織ったら、まずは背筋をぴんと伸ばし、左右の長さを揃えていきます。 背筋をピンと伸ばして羽織ることがキレイへの第一歩 次にお腹の上に来る部分をつまんで、裾などをよく見て左右の長さが同じになるように調節しましょう。 歩いていたら崩れてきちゃった…といった着崩れの原因は、ここがしっかりできていない可能性も。左右をきっちり揃え

お問い合わせを受け付けました。 ご入力いただいたメールアドレス宛に、 確認メールをお送りしております。 やさしさで包みます 函屋を創業して七十年。 私たち昭和紙工は、歴史に踏まえて 函造りに真摯に向き合ってきました。 進みゆく時代の中で歴史を刻み、 技術の研鑽を欠かすことなく今日に至ります。 その全ては、お客様のしあわせのため。 大切なひとへの感謝の気持ちや、 大切なひとへのかけがえのない 想いをカタチにして贈りたい。 そんな、相手を想う贈り手のこころを、 私たちの函でやさしく包みます。 これまでも、そしてこれからも。 だれかのしあわせが生まれるそのそばに。 昭和紙工です。

初めまして、入社２年目のニシです。 漫画が好きなアラサーです。すぐ本棚がいっぱいになるので定期的に売っぱらっています。人生を変えた漫画はプラネテスです。アニメは見ていません。 今回は、Webデザイナーがよく使うデザインテクニックを４つご紹介します。 「ノンデザイナーでもいい感じにできるデザインテクニック」とも言います。 ぜひこれを読んで活用してください。 目次 英語表記を加える 罫線でアクセントをつける アイコンを加える 写真を使う 1. 英語表記を加える 定番ですね。見出しとかロゴとか困ったら添えちゃう。 ありふれたデザインにならないようにするのが難しいけど、やっぱり英文かっこいい。 と、頻繁に使われるテクニックです。 たとえば以下のような感じ。 文言を置いただけの見出し（左）に英文を添えると、土台が出来て安定感が出ますね（右）。色やフォントや配置にも手を加えるとさらによさそう。 綴りを