デザイナーでも分かる範囲のReact、その書き方と学び方 - Qiita
これは何 「デザイナーもReact書いてくださいよ」って空気になったときに読むと役立つかもしれない記事です 基本的に筆者が学んだ流れを記載しています そのため、世間一般のベストプラクティスではないと思います エンジニアの方から見ると邪道な流れ・説明の仕方かもしれませんが、デザイナーに教える上での分かりやすさを重視していますのでご了承ください この記事の中で使っているコードはこちらのリポジトリで公開しています コミットを辿ってもらえれば、各セクションの内容が全て見れます ※言い訳がましいですが、筆者もReactに精通している程ではなく「デザイナーにしては割と知ってる」レベルです もし説明に間違いや不足があれば編集リクエストをお願いします 対象読者 Web or UIデザイナー HTMLとCSSは普通に書けるけど、Reactはほぼ全く触ったことがない人 1人で完全に実装したいってほどではないけ
Slack のロゴが新しくなりました！
本日、ブランドデザインのリニューアル計画の第一弾として、Slack では新ロゴを発表しました。Slack 社員だけでなく、ユーザーの皆さんにも愛されてきた以前のロゴ (とデザイン) をなぜ変えるのか、疑問に感じる方もいるのではないでしょうか。そこで、デザイン刷新の理由と、新しいデザインに込めた思いをご説明したいと思います。 まず、今回の変更は、なんとなく…といった軽い気持ちで行ったわけではありません！諸行無常とあるように、何事も変化というのは避けられず、自然の流れかもしれませんが、ロゴ変更の理由としては十分ではありません。ロゴというブランドの顔を変更するのは「本来のロゴの役割を果たしていない」という確固たる理由がある場合です。私たちが愛してきたロゴは、まさにこのケースでした。私たちはその事実を認め、よりシンプルでわかりやすい、ロゴとしての役割を果たす新しいデザインに進化させるため、今回のロ
Hello new logo | メルカリデザイン
みなさまにご利用いただいて、メルカリは6年目を迎えました。 創業以来、世界的なマーケットプレイスの実現を掲げ、フリマアプリ「メルカリ」の地道なアップデートを続けています。 もっとシームレスに、便利に、快適に。今までよりもなめらかな生活の後押しをするプラットフォームを目指し、メルカリは、これまでのメルカリを超え続けていきます。 そんな未来への強い意志を込めて、ロゴの変更を行いました。よりシンプルで、フレンドリーな新しいロゴでお目にかかれることを楽しみにしています。新しいメルカリは、あなたの生活とともに。 これまでの、「箱から飛び出すワクワク」というアイデンティティを残しながら、要素を少なくしていくことで、より洗練されたロゴマークに仕上げ、メルカリの目指すオープンでフェアなマーケットを表現しています。実際に作ったプロトタイプは数百種類。試行錯誤を重ねて新しいロゴマークを決定しました。
Good Morning Patchのロゴを作ったよって話｜Goodpatch Blog グッドパッチブログ
Goodpatchでは先日、はじめてGood Morning Patchというイベントを開催しました！ デザイナーを招待して、朝早い時間帯にコーヒーを楽しみつつデザインについて語るという少人数のイベントです。今までにはない対話型の新しいイベントということもあり、僕もとても楽しみにしていました。 当日は朝早くからデザイナーがGoodpatchオフィスに集まり、みんなでコーヒーを飲みながらカジュアルに意見交換を行いました。ご参加いただいたみなさん、朝早くからお越しいただきありがとうございました。 この新たな試みを始めるにあたり、広報から「イベントのロゴを作って欲しい」という提案がありました。そこで学生の頃からグラフィックデザイナーとして活動していたUIデザイナーの僕がデザインすることになりました。今回の記事では、どういうプロセスでロゴを制作したかをご紹介します。 1. イメージを言語化する ま
デザインは奥が深い！目の錯覚を効果的に使ったUI、ロゴ、イラスト、文字組みのデザインテクニック
文字をぴったり揃えたのにしっくりこない、正方形なのに長方形に見えてしまう、シャドウを与えていないのにぼんやりとシャドウが見える、ボーダーを加えただけなのに塗りも変わったように見える、そんな経験はありませんか？ WebサイトのUI、アイコン、ロゴ、イラストなどでデザインしている時に誰しも経験したことがあると思います。これらの原因は目の錯覚によるもので、その仕組みを理解することで困惑されることなく、効果的に利用することもできます。 11 Optical Illusions Found in Visual Design by Balraj Chana 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 三角形の交点による錯覚 垂直の水平方向による錯覚 明度による錯覚 奥行きによる錯覚 格子による錯覚 コントラストによる錯覚 カラーによる錯
ママリのブランドロゴに込めた想い｜きよえ氏さん
Connehito inc. ママリのデザイナー きよえ氏さん (@kiyoe_furuichi)です。 2018年1月、ママリの「新ブランドロゴ」がリリースされました。 ブランドロゴをリデザインする中で、ロゴに込めた想いや感じたことについてnoteにつづってみようと思います。 きっかけロゴの変更は、ブランドステートメントを刷新したことがきっかけです。ロゴは、ブランドの人格や役割を掲げるマークであることから、新しいステートメントをもとにリデザインすることになりました。 (ブランドの目指す姿： https://mamari.jp/about_mamari)) ブランドカラー新しいママリの色は「コーラルピンク」です。これまで育ててきたママリのイメージを守りつつ、新しいママリらしさを表す色を突き詰めた末に、このピンクを選びました。 コーラルピンクは、周りとの調和や助けあいのエネルギーを持つ、暖か
Feeling Blue
For full Access Subscribe to Brand New Subscription includes Full content. Polls and comments. Full RSS functionality. The Follow-up podcast. The weekly newsletter. NEED SOME CONVINCING? Whether it’s you, your boss or manager, your significant other, your parent, or your HR department that needs some objective reasons to the value of a subscription we have put together a 2-page PDF to help! Alread
武器になる「ロゴ」を生み出す、CIデザインとは何か？ | Forbes JAPAN 公式サイト（フォーブス ジャパン）
創業9年にして、時価総額3兆円を超えると言われる民泊サービス「Airbnb（エアービーアンドビー）」。 所有する住居や別荘を宿として提供することで、貸主は空き家を資産として活用することができます。旅行者はホテルよりも安く滞在できることから、民泊サービスは日本でも着実に利用者を獲得しています。法整備が追いつかず、グレーゾーンとして扱われてきましたが、2017年6月「住宅宿泊事業法（民泊新法）」が成立。施行後は年間上限180日／登録制で提供されることになります。 これからますます私たちにとって身近になるであろうこのサービス名と並んで、彼らを象徴するものがあります。「Bélo」と呼ばれるエアビーアンドビーのブランドロゴです。 「旅行サービス」と聞いて、思い浮かぶのはどのようなロゴでしょうか？ 宿泊を連想させる家やベッド？ 旅を連想させる飛行機？ しかし、彼らのシンボルにそのような要素は見当たりま
Our bold new brand - Work Life by Atlassian
We’ve got exciting news to share today – Atlassian has a new look! As we continue to grow the Atlassian family (Hi Trello & Statuspage!), expand our areas of focus, and update core product experiences, we want our brand to best reflect why we exist, what we believe in, and where we’re headed. At Atlassian, we think of our brand as a continuous project that’s never totally done. Just as people and
コンストラクション・グリッドによる美しいロゴデザイン25
コンストラクション・グリッドってなんだろう？言葉自体はあまり聞きなれないものですよね。 斯く言う私も単純にグリッドやガイドと呼んでおり、そのような名称があると調べて知りました。 今回は『25 logos avec une grille de construction』の記事より、コントラクション・グリッドによってデザインされたとっても素敵なロゴのご紹介です。 コンストラクション・グリッドとは？ コンストラクション（construction） １ 構成。構造。組み立て。 ２ 建造。建設。 グリッド(grid) １ 格子 ２ 考古学で遺跡の試掘調査や発掘調査を行なう際に調査区域を区分する場合の方眼のこと。2mや10mがよく用いられる。 コントラクションは設計・構成のこと。 グリッドは方眼紙などに書かれている規則的な格子の線のこと。 この二つの言葉からコントラクション・グリッドとは規則的な線や円
マスターカードが20年ぶりにロゴを更新、よりシンプルなデザインへと変更される - GIGAZINE
VISAカードと並んで世界的なクレジットカードブランドのマスターカードが、約20年ぶりにロゴを更新することを発表しました。今回の変更の狙いには、同ブランドが全世界的に進めているモバイルのデジタル決済サービス「MasterPass」の展開が視野に入れられているようです。 Mastercard Updates its Iconic Logo and Brand Identity http://newsroom.mastercard.com/news-briefs/mastercard-updates-its-iconic-logo-and-brand-identity/ Brand New: New Logo and Identity for MasterCard by Pentagram http://www.underconsideration.com/brandnew/archives/
ブランドイメージを向上・維持する、ロゴレギュレーションってなんだろう？｜デザインの基礎知識
ロゴのレギュレーション（ガイドライン）ってなんだろう？ デザイナーを目指している方であれば、ロゴデザインの制作経験のがある方も多いのではないでしょうか。 皆さんはロゴを制作される時に、レギュレーション（ガイドラインとも呼ぶ）を一緒に制作されたことはありますか？レギュレーション一つを作るか作らないかで、ブランドのイメージを向上できるか、維持できるかが変わってきます。レギュレーションとは何を設定する必要があるのか、何の為に必要か把握して、プロのデザイナーと呼ばれる第一歩を歩みましょう。編集・執筆 ／ AYUPY GOTO 今回紹介するデザインの先生 割石 裕太わりいし ゆうた Art Director & UI Designer KAYAC inc. / OH / Art Director, UI Designer 成安造形大学卒業。2012年に面白法人カヤックに新卒入社後、受託事業部にてコー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
31 Beautiful Gradient Logos For Design Inspiration
Logo trends 2020, what you should look out for Design Your Way
Quiqup — MultiAdaptor
Rebranding @ThanxInc, a fast-growing tech company