この記事は「Happy Elements カカリアスタジオ デザイナーアドベントカレンダー2020」の19日目の記事です Happy Elements カカリアスタジオ採用担当です。 はじめに当該記事作成にあたり、インタビューにご協力いただきました 株式会社ダンクハーツ様・株式会社テクロス様（五十音順・敬称略)・ その他各ゲーム会社様（残念ながら社名掲載NG）へ、この場を借りて御礼申し上げます。 お忙しい中、ご協力いただき誠にありがとうございました!! -- まえがき 当該記事ですが、 ・ゲーム会社へ就職/転職を目指して、これからポートフォリオを制作する方 ・デザイナー志望の社会人/学生の方 に向けた記事となっております。 そういった方々の中には、 「ゲーム会社向けのポートフォリオってどんなの？」 「自社の選考基準はなんとなくわかるけど、他社ってどういう判断基準で見てるの？」と疑問に感じら

はじめにこんにちは。i3DESIGNデザイナーチームです。 「ユーザーインタフェースデザインのための10のユーザビリティヒューリスティクス（10 Usability Heuristics for User Interface Design）」をご存知ですか？ https://www.nngroup.com/articles/ten-usability-heuristics/ 1994年にヤコブ・ニールセンによって提唱され、現在も多くのデザイナーが使用している、良いUIデザインの原則をまとめたリストのようなものです。 ヒューリスティック（heuristic）は、日本語では「発見的手法」と訳されます。これは、経験や先入観によって直感的に正解に近い答えを得ることができる、という思考法のことです。 ニールセン自身も、これは“経験則”であり、“ユーザビリティガイドライン”ではないとしています(上記U

サークル活動や社内イベントなどでチームを結成したら、まずはロゴを作ってみませんか？ ビジネスの世界においても「ロゴ」は企業やブランドの“顔”として認知され、試行錯誤のうえに完成したロゴには、さまざまな想いが込められているものです。 メンバーで深く話し合いながらひとつのロゴを作れば、団結力が一気に高まること間違いありません。 そこで今回は、デザイナーの私が実践するロゴデザインのアイデア出しのコツをご紹介したいと思います。 １．コンセプトやテーマから連想するキーワードを書き出す はじめに、チームの名前やコンセプト、テーマから連想するキーワードを書き出していきましょう。なお、今回は、私が手がけたクライアント様のロゴを事例に解説していきます。 このクライアント様は、2017年秋にテーブルコーディネートサロンを開かれる予定で、“和”や“輪”をテーマに、日本の伝統の良さを残しつつもモダンを取り入れ未来

サイトデザイン・ロゴ制作などで大切なのがフォント選び。コンセプトにマッチしたフォントを選ぶことは、カンタンなことではありません。 しかし、このウェブサービス「wordmark.it」を使えば、最適なフォントをもっとカンタンに見つけ出せるかもしれません。 「wordmark.it」では、自分のPC内にインストールされているフォントを一覧で見比べられるのです。 フォント比較サイト「wordmark.it」 ウェブサービス「wordmark.it - helps you choose fonts!」にアクセスすると、以下のような画面になります。 画面中央の「wordmark」と書いてある部分にキーワードを入力すると、PC内に入っているフォントすべてを一覧で表示してくれます。 表示されたフォントを複数選択し、右上の「filter selected」を押せば、選択したフォントだけを対象にしてくれます

2023年9月22日 【2023年】Figmaの勉強におすすめ本！初心者〜上級者までレベル別にご紹介！

こちらの記事はアプリ「Adobe Illustrator」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 タイトルやロゴをデザインする８つのアイディアと作り方 フォントを少しアレンジすることで、タイトルやロゴのデザインを作成します。 そのため、使用しているフォントの紹介をしていますが、一部有料フォントも使用していますが、持っていないフォントの場合は似ているフォントなどで代用してもらって全然OKです！ 今回ご紹介する８つのタイトル・ロゴのデザインアイディアです。 映画ポスターや小説表紙っぽいですが、バナーデザイン、ポスターデザイン、Youtubeサムネでも使えるテクニック・アイディアなので、ぜひ参考にしてみてください！ （１）三角形を追加して疾走感・加速感 使用フォント：ＶＤ ロゴジー 特太 文字を斜体に変形 三

※おまけ枠以外は、全文無料で読める記事です 下記のツイートをRT応援すると今は50%OFFになります(noteのSNS*プロモ機能利用） ※SNSプロモーション機能って？ →https://note.jp/n/n1878ea0f7824 🎉AIと共同制作したロゴ完成を祝い.... 無料公開の8,000文字に追加で、 10,000文字の有料おまけ枠を”75%OFF”で読めるようにしておいたで〜。 条件：このツイートをRT応援(noteのSNSプロモ機能利用） 期間：5月中？ 【ロゴデザイン案の作り方-ChatGPT×画像生成- 】 https://t.co/WCgcux5Qht@shoty_k2 — しょーてぃー / Experience Designer & Prompt Designer (@shoty_k2) May 28, 2023 ------Prompt to me------

この記事は「Happy Elements カカリアスタジオ デザイナーアドベントカレンダー2020」の21日目の記事です こんにちは！ あんさんぶるスターズ！！でグラフィックデザイナーをしています、S.Tです。前回のUIに引き続き、また記事を書く機会をいただきました。 ↑UIの記事はこちら。同僚から「教科書っぽすぎる」と言われたので、今回はもう少し気持ちを楽にして書かせていただきます…笑 はじめに今回はロゴについての話です。 「あんさんぶるスターズ！！ Basic/Music」（以下・あんスタ！！）では毎月２つのアプリ内イベント／２回の新規スカウトを開催していて、 グラフィックデザインチームではイベント関連する周辺クリエイティブ（※）を若手メンバーを中心にローテーションで担当して制作しています。 ※イラスト（キャラクター／背景）以外のだいたいの2Dグラフィックと思っていただければ。 イベン

デザイナーのベーコン（@dogdog464646）です 前回のロゴ制作記事の続編です 本日は、ロゴ制作の実践編！！ 前回の記事で説明しきれなかった部分を、実践で説明していきます この記事を読むと、もっともっと「ロゴ制作のテクニック」が身につくはず。 デザイン制作に困った時に、思い出してもらえると嬉しいです！ 【ロゴ制作記事】を読んで実践してくれた人がいます バン活！編集長の星川さんが、前回の記事を見て実践してくれました それがこちらです！ ふむふむ… すばらしいです！しっかり読んで実践してもらえたのがわかります、しかも速い！ しかし、これを見てこう思ったのも事実です… 「あっ、やっぱ説明しきれなかった部分があったなあ…ここを直せばもっともっといいデザインになるのに！」 というわけで、今回は星川さんの作ったロゴをもっといいロゴに変えていく、ロゴ制作の実践編です！ なるべくハードルは低く、クオ

デザイナーのベーコン（@dogdog464646）です この記事ではロゴやタイトル文字の作り方を説明していきます 初心者でもこれだけ押さえれば、まるでプロの作ったようなロゴを作ることができます このテクニックを応用していけば、「どうやって作るんだ！」と思っていた複雑なロゴも作れるようになっていくはずです ロゴだけじゃなくて、 ・本の表紙 ・ブログのアイキャッチ ・チラシ、ポスターのタイトル文字 にも応用できるようになっています 覚えておけば、仕事の資料作りにも、PTAのチラシづくりにも役立ちます そして、みなさんが再現できるようにフリーフォント限定でデザインを作っていきます！ ロゴを作るテクニック！ 実際にロゴを作りながら、様々なテクニックを紹介していきます 基本の形を整える この文字を基本に進めますね まず２行にして「かたまり感」を出していきましょう ロゴは「文字」から「絵」に変えるよう

職場でロゴ作りについて聞かれる事があったので、参考になるサイトと作り方について纏めてみました。作り方と考え方については後述するとして、まずは参考になるサイトから紹介していきますね。 今回紹介するのは基本的に海外サイトが多いです。 ロゴ作りに役立つ参考サイトたち ロゴデザイン・制作に役立つ、かっこいいロゴマークを集めたロゴポータルサイト　|　ロゴストック 【国内】ロゴデザイン・制作に役立つ、かっこいいロゴマークを集めたロゴポータルサイト バラエティに富んでいて見やすいサイトです。 GLaim ｜ ゲームロゴをまとめたデザインギャラリー 【国内】ゲームに特化したロゴデザインのギャラリーサイト。色やタグで検索も可能です。 Logos | Logo Design | The Design Inspiration 【海外】デザインの参考をあつめたサイトのロゴカテゴリ。ロゴ以外のカテゴリも役に立ちそう

目を惹かれる良質なデザインのYouTubeサムネイルを集めたギャラリーサイト。思わずクリックしてしまうような事例をデザイナー目線で紹介しています。サムネイルに興味を持つ人すべてに、クリエイティブな刺激を与えられますように。

カフェのようなおしゃれな暮らしに憧れている人必見！　おうちカフェを楽しめるようなナチュラルで素敵な空間づくりを実現した11実例をご紹介。居心地のよい空間にするためのプランの工夫をチェックして、ゆったりとおうち時間を楽しめる空間を手に入れましょう。 カフェみたいな部屋づくり│コツやポイントは？ テイストを決めて部屋づくりをする 生活感あるものをなるべく隠す 低めのソファやテーブルで視覚的な広がりを演出する 【実例1】アーチデザインを取り入れてやわらかさのある雰囲気を演出 【実例2】リビングから見えるカフェカウンターで雰囲気を演出 【実例3】インテリア次第で雰囲気を自在に変えられるナチュラルなしつらえに 【実例4】DIYしながら自分たちでつくり上げるのびのびくつろげる空間 【実例5】性能面もしっかりカバーしながらカフェ風の佇まいに 【実例6】平屋のようにワンフロアで生活できるナチュラルな空間

僕がバナー作成をするときの手順です。 この手順通りにデザインすれば、 絶対に良いバナーになります💡 画像を参考に、 是非試してみてください📌 #webデザイン #Web制作 https://t.co/YIZiQKlN5Q

本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ

こんにちは。 ホットペッパービューティーのデザインディレクターの若松です。 ホットペッパービューティーでは、プロダクト領域におけるデザインチームのリーダーを担当しています。 デザインディレクターの主な役割は「プロダクトのデザインマネジメント」ですが、一言でデザインマネジメントといっても、プロダクトのUIデザインやディレクション、デザイン品質向上に向けた戦略策定や案件推進、デザインチームの統括など、あらゆるデザイン関連業務を行っています。 サービスの紹介 ホットペッパービューティーとは、国内最大級のヘア・ネイル・アイ・リラクゼーション・エステサロンが検索・予約できる総合美容メディアです。ユーザーは、フリーペーパー・ウェブサイト・スマートフォンアプリから利用できます。 国内最大級の掲載サロン数により、多くのサロンの中から自分のなりたいイメージを叶えてくれるサロンを探すことができます。また、ウェ

2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基本的な進め方は国際規格（ISO 9241-210※）の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開

営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、フロントエンドエンジニアの近藤です。Yahoo! JAPANのスマートフォンのウェブトップページのフロントエンド開発業務と、社内で利用されているデザインシステムの開発に携わっています。 近年、デジタルプロダクトを持つ多くの企業で、デザインシステムが活用されています。デザインシステムには、ビジュアルとしてのデザインの規定だけでなく、実際のプロダクトに利用できるUIライブラリやコンポーネントライブラリなどが含まれます。そのため、デザインシステムの構築にはデザインとエンジニアリングの両方の力が不可欠です。 本記事では、私が開発に携わっているデザインシステム「Riff」の紹介とともに、フロントエンド部分におけるデザインシステム