担当サービスのマスコットキャラクターのロゴ作ってみた
私は株式会社ラクーンで運用しているスーパーデリバリーのデザインを担当しています。 スーパーデリバリーにはマスコットキャラクターのスーデリちゃんがいます。 名前：スーデリちゃん 性別：不明 国籍：ドバイ この記事を書くにあたってスーデリちゃんのプロフィールを調べましたが、どうやらスーデリちゃんの国籍はドバイだそうです。なんで？ とっても可愛いスーデリちゃんをもっと知ってほしい スー
デザイン
Photoshopで車の色を変えてみよう
かっこいい車の画像を見つけたけど、車の色を変えたいな…そんなときありますよね。（ありますよね？） 今回は、そんなときに車の画像の色を変える便利な方法を３つご紹介します。 その1.色調補正の「色の置き換え」で色を置き換える Photoshopで色を変えたい画像を開き、色を変えたい部分を選択します。 メニュー「イメージ」→「色調補正」→「色の置き換え」を選択します。 スポイトツールで変えたい
2023.3.27
文字をオブジェクトの上下中央に配置できる「字形の境界に整列」が地味に便利【Illustrator】
たびたび便利にアップデートされるIllustrator、バージョン24.3から「字形の境界に整列（24.3時はグリフバウンドに整列）」という機能が実装され、これがとてもかゆいところに手が届く良アプデでした。 知らない方も多くもったいないのでご紹介します。 イラレあるある：文字をオブジェクトの上下中央に配置できない Illustratorを使用していると「整列」ツールを使ってオブジェクト内に文
2023.3.13
スクラム体制での制作振り返り デザイン部視点
ここ数か月間、スクラム体制での制作を行うことになりました。 スクラムといえば開発・エンジニアの人が行うものという認識が強いと思いますが、 今回はデザインサイドとしてスクラムに関わった感想を記事にしてみます。 なぜスクラム体制に？ ・社内の制作リソースの配置変更があり、一つの事業部門に一つのチーム（開発・デザイン）が割り当たる形式に変更になった。 ・スクラムでの制作・開発行いたいという社内要望が
新卒Webデザイナー、１年リモートワークをしてみて思うこと
そろそろ入社してから１年が経ちます。この１年会社に出社したのは数えるほどしかありません。 新卒入社でリモートワーク、まだまだ珍しいことだと思うので個人的に思ったことを書いてみようと思います。 いきなりリモートワーク！？ 最初に入社式・研修はリモートでと聞いたときは社会情勢的にもやっぱりそうだよな～と思いました。 ただ正直不安な気持ちもありました。リモートになることはある程度予想していましたが、
ロゴにガイドラインは必要？ガイドライン制作メリットの話
弊社でよくロゴ制作を担当するので、ロゴと一緒に制作する「ロゴガイドライン」のメリットについてお話したいと思います。 ロゴガイドラインとは 簡単に言うと、ロゴを制作する際に併せて作るロゴの説明書です。ロゴの製作者、もしくはロゴを提供する側・される側に立った事がある方なら、以下のようなガイドラインを一度は目にしたことがあるのでは。 内容は企業によって様々ですが、このロゴガイドラインでは規定カ
2022.3.30
ラクーンのデザインクオリティ管理方法、教えます！
どのデザイン会社や組織でもクオリティを担保するためのチェックを行いますが、ラクーンのデザイン戦略部（以下デザ部）でも「カンプチェック」という名前でデザインのクオリティ管理を行っています。 今回はこのカンプチェックについて、何を目的としてどんな方法で行っているかご紹介していきたいと思います！ カンプチェックとは まずは「カンプ」という言葉のおさらいから。 カンプ＝ Comprehensive l
CSSだけでできる！画像のスタイリング
サイトをつくるときに、「大量の画像を加工するのが大変だな」と思うことはありませんか？ 画像を加工して使用する場合、もし修正が必要になるとすべての写真を修整しなくてはなりません。 その点、CSSを使用していると、それぞれの画像を修正しなくてもCSSを修正すればすべての画像に反映してくれます。 そんなわけで、今回はcssでできる画像のスタイリングをいくつかご紹介します。 目次 シャドウ
2022.3.30
Chromeでの画像ぼやけ対策色々
先日出来上がったページの画像がぼやけてると指摘されて修正することがあったのですが、その際調べたところ解決法が複数あったので、体験談交えてメモ的に記録しておきます。 事象と経緯 自分のPCでは特に気になっておらず、完成してからデザインチェックに出したらChromeだけ画像が荒いんですが、と指摘が上がりました。 ブラウザごとの見え方のサンプルも添えてご指摘いただいたのですが、これが結構ひどく、1p
2022.3.29
JS不要！CSSで固定要素のアレを簡単に実装【position sticky】
さて、昨今IEのサポートが切れた関係で、IEをカバーをする必要が無くなってきています。 弊社でも一部以外、IEはサポート対象外としています。 IEを考えると新しめの技術を使えなかったのですが、縛りが解禁されてだいぶ経ちますね。 そんな背景を踏まえ、今回はcssのposition stickyについてご紹介しようと思います。 固定要素のあれこれをstickyで解決 皆さま、画面上で固定要素は使
2022.3.24
デザイナーも知っておこう「相手が行動するプレゼン資料」
私たちデザイナーは、他の部署メンバーが作り上げたプレゼン資料のデザイン添削を行う機会がときどきあります。 作業内容としては、まず見やすい状態にするためにデザインルールを作ります。あとは決めたルール通りに実際にレイアウトを行います。つまり、見た目を綺麗にするだけの作業に留まっています。インハウスデザイナーならば、もう一歩踏み込んでプレゼンの目的や結果を意識したデザイン業務を心掛けたいですよね。…とい
2022.3.24
完成後も編集できる！ネオンサインの作成方法【Illustrator】
最近作成したネオンサインオブジェクトが編集できて便利だったので、作成方法をご紹介します。 今回作成するネオンサインの特長です。 Adobe Illustrator のみで作成できる（＝ Adobe Photoshopや他ツールを使用しない） テキストの色・フォント・線幅などを完成後も編集できる グラフィックスタイルに登録できる それでは作成方法を見ていきましょう。 1. 白地素材を用意
2022.2.28