niwawo

デザインについて学んだり発信したり

niwawo

デザインについて学んだり発信したり

Figmaでバナー作りTips -プラグイン編-

実業務でFigma一本でバナーを作った際に活用したプラグインを、備忘録も兼ねてまとめてみました。 イラレが使えない環境でも作り込める！ テキスト調整に便利なプラグイン① パス上文字生成 「To Path」 パス上文字がデフォルトではない(はず)なので重宝しています！(テキスト以外のオブジェクトにも使えますが自分はもっぱらテキストに使用中) 沿わせたい形のパスとテキストデータを用意→プラグインを起動→適用するだけなのでシンプルで嬉しいです。 ② テキストをアーチ上に 「A

niwawo

    • Instagramのインジケーターを分析してみる

      仕事でインジケーターのデザインをする機会があり、さまざまなアプリを分析をしていたところInstagramのインジケーターの動きが美しかったので感動のままシェアします そもそもインジケーターとは？インジケーターはカルーセルスライダー（=左右上下のスワイプ/スクロールで移動できるアイテム）の現在地を示すUIです。 そもそも画面外にもアイテムがあることや、アイテムの全体量・現在地をユーザーに伝えるために使われます。 インジケーター分析 -枚数による変化-❶ 投稿画像が5枚以下の

      niwawo

      • 楽しくSDGsをしたい〜サブスク編〜

        はじめに昨今よく聞くようになったSDGs。 大切なのはわかるれどもう便利な世の中にみんな慣れきっているし、”常に意識的に行う”というのは難しいな〜と感じます。よく聞くのは紙ストローとか。 楽しんで行う、ということが本当の意味での「心豊かな社会」に繋がるのかな、でも自分で選択するのって難しい…と思い、受動的にうけとれる「サブスク」を調べてみたら施策がたくさん出てきました。 今回は実際施策内容と共に紹介できればと思います。 事例紹介①お菓子のサブスク × アップサイクル 『s

        niwawo

        • クオリティアップ！GoogleSlideで使えるおすすめGoogleFont3選

          学生の時も社会人になっても必ず必要な「資料制作」。 テンプレートなどもあり手軽にクオリティの高いものが作りやすくなっていますが、そんな中デフォルト設定にしがちなのがフォント。 デフォルトの"Arial"ももちろん素敵なフォントですが、GoogleSlideではGoogleが提供しているフォントを無料で反映することができます。この記事では、フォントの適用方法も含めておすすめのフォントを紹介します！ GoogleSlideで「GoogleFont」を適用するには「その他のフォ

          niwawo

        Figmaでバナー作りTips -プラグイン編-

        niwawo

          おすすめ！オススメフリー写真サイト5選

          デザインやブログ・SNSなどの投稿のクオリティを上げるために必要不可欠な「写真」。 今まで使用してきた中で利用しやすく、素敵な写真を提供しているサイトを厳選して紹介します。 はじめにここで紹介させていただくサイトの『フリー』は「ロイヤリティフリー」「著作権フリー」など様々な意味を持っており、サイトによって異なります。各サイトの利用規約を確認した上でのご利用をお願いいたします。 ライセンス表記不要なものに関しても、表記をすることによってそのサイトの運営への応援になります。可

          niwawo

          おすすめ！オススメフリー写真サイト5選

          niwawo

          リモートでナレッジジェアをする上で重視したこと

          みなさんは会社でナレッジジェアをしていますか？ このご時世で自分が所属する会社もリモートになり、仕事に関する話する情報共有はするものの「これなんか好きだな〜」「こんな記事があって面白かった！」などのいわゆる雑談ベースのシェアがどんどん希薄になっていました。 せっかくリモートなのだし、リモートだからこそできる施策をしたい！と思い実施したところ思いの外活発に動いたので、今回はその中で意識したポイントを3つに分けてお話ししたいと思います。 ①目標を明確にする単に”ナレッジシェ

          niwawo

          リモートでナレッジジェアをする上で重視したこと

          niwawo

          Webでよく使われているフォントをまとめてみる -英字フォント編-

          近年Webフォントも充実してきて、サイトで使用されているフォントにも幅がかなり出てきました。 前回はその中でもよく見るな〜感じる日本語フォントをまとめましたが、今回は英字フォントをまとめてみたいと思います。 1.Roboto提供：GoogleFont Android 4.0の標準フォントということもあり、ウェイトや文字間などもこだわって作られている完成度の高いフォントです。Webではカーニング処理ができないので、ベタ打ちでも違和感の出ないフォントは重宝します... 洗練さ

          niwawo

          Webでよく使われているフォントをまとめてみる -英字フォント編-

          niwawo

          Webサイトでよく使われているフォントをまとめてみる -日本語フォント編-

          近年Webフォントも充実してきて、サイトで使用されているフォントにも幅がかなり出てきました。既にメイリオが懐かしいですね、、 その中でもよく見るな〜と感じるフォントを備忘録も兼ねてまとめてみたいと思います。 1.游ゴシック体 提供：Windows / Mac標準搭載 今一番使われているんじゃないでしょうか。（メジャーなのでまとめるか迷いました） 良い意味で「かわいい」「カッコイイ」など固定のイメージを持ちにくく、どんなターゲット層のサイトにも使用しやすいフォントです。 バ

          niwawo

          Webサイトでよく使われているフォントをまとめてみる -日本語フォント編-

          niwawo

          実際のサイトからカラーユニバーサルデザインの技を学ぶ

          はじめにカラーユニバーサルデザイン(以下CUD)という概念をご存知でしょうか？ 簡単に言うと「目の疾患などにより多様な色覚を持つ人たちにも配慮したデザイン」です。 各地域でCUDガイドラインが設けられていたり(リンク先は東京都のガイドライン)、路線図など様々なところでCUDを意識して作られたものが存在します。 実際CUDを行うにあたって、「具体的にどういうことを意識すればいいのか？」「どんな技があるの？」ということが理解しきれておらず、なかなか制作が進まない...ということ

          niwawo

          実際のサイトからカラーユニバーサルデザインの技を学ぶ

          niwawo

          見やすい・伝わりやすいスライドについて考える

          仕事で発表資料などを作るときに スライドつくるのめっちゃ難しいな〜！！？？ と思うことありませんか？私は資料を作るとき毎回思っています。 そこで、自分が悩みつつも資料を作る際の流れ・ポイントを、実例を元に紹介したいと思います。 まずスライドの役割は何か考えてみる私個人が思う「スライドの役割」は大きく分けて以下2点です。 当たり前なことではあるんですが、意識をしないと原稿そのまま貼ったようなテキストばかりの資料になってしまったり、逆に簡略化しすぎて説明なしでは使えない資料

          niwawo

          見やすい・伝わりやすいスライドについて考える

          niwawo