デザインの引き出しを増やすためにも、トレンドを押さえておくことは大切です。 タイポグラフィ、カラー、形など、デザインの基本となる要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 ロゴのトレンドの最新版は、こちら。 2021年、ロゴデザインのトレンド -最近のロゴに使われているデザインテクニックのまとめ 2019 Logo Trend Report 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 トレンドの流れを見るのも面白いと思うので、過去分も。 2018年のロゴデザインのトレンド 2017年のロゴデザインのトレンド 2016年のロゴデザインのトレンド 2015年のロゴデザインのトレンド 2014年のロゴデザインのトレンド 2013年のロゴデザインのトレンド 2012年のロゴデザインのト

視覚調整は、人間の脳に対して視覚的なアプローチをとることが多いデザイナーにとって大切なスキルです。 今回は、UIデザイナーが行う視覚調整の主な例を紹介していきます。 視覚調整とは 視覚調整とは、人間の錯視（目の錯覚）を考慮したデザインの調整のことを指します。 身近な企業ロゴに施されていることも多く、Googleのロゴでも取り入れられています。（以下の画像は、Googleのロゴを考察したツイート↓） Is this a joke, Google? pic.twitter.com/qrL8U2Vrhw — Give Me Internet (@GiveMeInternet) 2017年9月25日 この考察内容を見ても、調整前と調整後の違いはかなり微量であるように思えます。本当にここまで細かい調整が行われているのかと疑ってしまいたくなりますが、実際にこのような微妙なデザインの調整はUIデザインに

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog デザイン特集5本目、最後の記事です。 こんにちは、ブランドマネジメント室デザイナーの上田絵理です。 サービスロゴやアイコンの作成や管理、けんさくとえんじんというキャラクターの担当をしています。 私が入社した1999年当時は社員が100人くらいで、全員の顔が覚えられるくらいだったのですが、入社してから20年たった今、社員数は6500人超*1...！ 　インターネット環境とデバイスの変化とともに進化してきたYahoo! JAPANのトップページを、デスクトップ風のビジュアルで表現してみました。移り変わるウェブデザインの歴史をお楽しみください。 1996年　アメリカのYahoo!のデザインを踏襲 1996年4月に国内初の検索サイトYah

「LINEのUIがまた変わった」「使いづらい、元に戻してほしい」――LINEのユーザーインタフェースが7日に変更され、一部の機能が移動したり、操作法が変わったことが、波紋を広げている。機能の詰め込みと利便性を両立させることはできるだろうか。 「LINEのUIが変わった」「使いづらい、元に戻してほしい」――LINEのユーザーインタフェース（UI）が5月7日に変更された。左下にあった「友だち」タブが「ホーム」タブに変わり、一部の機能が移動したり、操作法が変わったことが、波紋を広げている。 7日以降のGoogle PlayやApp Storeのレビューを見ると酷評が多く、「使い慣れたユーザーインタフェースに戻してほしい」という声が目に付く。また「機能が増えすぎて使いにくくなった。シンプルなメッセージアプリに戻してほしい」という声も多い。 どんなサービスでも、UIが変わるとレビューが荒れる傾向はあ

令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお

こんにちは！トライブグループという会社でCDOをやっています、原田佳樹 @yoshigorouu といいます。前回はこんな記事を書きました！ 今回の記事では、デザイナーが抑えておくべき定番欧文フォント31個(+おまけ)をまとめました。世の中で使われている大体のフォントをまとめてあるので、何かデザインするときの辞書的な感じになれば嬉しいです。 1. フォントの世界に魅入ったきっかけ私のデザイナーとしてのキャリアはスタートアップ歴が長いので、スキルセットがサービスデザインに寄っています。客観的に見てもグラフィカル領域(特にサービスロゴ)が弱く、それを強化したい気持ちは前からありました。 世の中にある様々なサービスロゴを見ていくと、大体のロゴはシンボル＋タイポグラフィで構成されています。なので、フォントについて多少なりとも詳しくなれば、ロゴ制作の半分は出来るのではと思うようになりました。 リサー

新ゴやリュウミンなど、モリサワの500種類以上の書体が当ブログで紹介した際にも評判が高かったSTUDIOで、誰でも無料で利用可能になりました！ STUDIO自体も無料で利用できるので、文字通り「誰でも無料で利用可能」です。 STUDIOはコーディング作業は一切不要で、Webサイトやスマホアプリのデザインを積み木感覚で楽しくデザインできるツールで、無料で始めることができます。

更新日:4月18日21時45分

2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。 この 作品 は クリエイティブ・コモンズ 表示 - 改変禁止 4.0 国際 ライセンスの下に提供されています。 第二回「UIデザインをはじめよう」はこちら https://speakerdeck.com/kinakobooster/uidezainwohazimeyou 第三回「今日からできるUXデザイン」はこちら https://speakerdeck.com/kinakobooster/jin-ri-karadekiruuxdezain ※訪問講座のご案内※ あなたの会社に話しに行きます。料金表はこちら https://xemono.life/#/workwith/co

キャンセルボタンをデザインする時に、カラーで悩むことはありませんか？ キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと、ユーザーは迷ってしまいます。キャンセルできることを明確にすることで、認知速度が上がります。また、ボタンが3個以上だったり、ラベルが違っていると、ユーザーは余計に戸惑います。 Why Cancel Buttons Should Never Have a Color by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 キャンセルボタンに色をつけてはいけない理由 ニュートラルボタンのためのニュートラルカラー キャンセルに適したラベルとは グレーを使う時は十分に暗くする キャンセルボタンはニュ

最近の萌え絵騒動に対して思うこと。 自分は某全年齢作品のキャラクターデザインに関わっているデザイナーです。 最初に書いておきますが、自分は萌え絵否定派ではないです。むしろ日本の発明した文化だとすら思います。ただ、ゾーニングはきっちりすべきだと思っています。 児童書やキズナアイを取り上げて、これは萌え絵か、いや少女漫画か、だとか色々話題ですね。議論に上がる絵柄は萌え絵と称されることが多いですが、「萌え」の基準に対しては、時代とともに変わり、また個々の定義にも差があり議論が平行するので言及しません。 ただ、それらの絵には一つの共通項があります。それは、「男性に対して「媚び」を含んだキャラクターかどうか」の一点です。 「媚びた絵」を否定しているわけではありません。ただ、客観的に見て、そういった要素が見受けられるアートスタイルの一種だということです。 例えば、清純派なのにエロい格好をしている。これ

まあ正直このサイト自体は、無断転載と著作権侵害の巣窟だし、勝手に広告ポップアップするしで全然褒められたサイトじゃないんだが、 タグの取り扱いに関してだけは本気で感動したので紹介したい。 他のサイト（ニコ動とかpixivとか）もこういう仕組みになってくれないかなあ。 タグ数に上限が無い本当に無制限ってことはないだろうが、見かけ上の上限は無い。少なくとも50個くらいは付けられる。 キャラ名や作品名、シチュや場所を表す言葉から、キャラの人数、ポーズ、付けている装飾品の隅々までほとんどタグ化されている。 pixivなんかでよくある「好みの絵を探したいけど俺の好みはタグで表されない！」的な現象はほとんどあり得ない。 タグに属性がある作者名や作品名やキャラ名には「Artist:」「Copyright:」「Character:」といった専用の属性をタグに付与することができ、これが付いているとタグの色が変

武 @taketak23 @ib_3rd ホロ帯の位置は5千と区別のため多分動かせない。ミと中心下も同様。中心の透かしは千円との区別でずらしてる？ だいたいこういうのは、障害者が区別しやすいようにするため pic.twitter.com/XAlvrZXxdZ 2019-04-11 20:46:42 ぴゅうた @pyutaz @ib_3rd @murrhauser 左右のスペースは偽造防止の為のもの、漢数字を小さくしてアラビア数字を大きく細ゴシックなのと、角の数字のあるなし(視覚障害者用の額面識別用の仕掛けが入る)はユニバーサルデザインのため。 そして写真はお前がデザインしたらドヤ顔にでも変わるんか？ 指摘が素人丸出し。 2019-04-11 19:24:42

ぽん吉🌱おやさい妖精さん書籍とカプセルトイ発売中🌱 @PonkichiM 新しい紙幣のデザインに柴犬とか あったらというツイートをお見かけしたので描いてみたら とても癒される紙幣に。 著名な方を知るきっかけにもなるのですが１枚位お財布の中に ほっこりする紙幣があってもいいかもですね🐕✨ pic.twitter.com/lhnTpjly3z 2019-04-09 17:44:31

政府は偽造防止などを目的に、一万円札、五千円札、千円札の３種類の紙幣のデザインを一新すると正式に発表しました。新たな肖像画には一万円札に「近代日本経済の父」と呼ばれる渋沢栄一、五千円札に日本で最初の女子留学生としてアメリカで学んだ津田梅子、千円札に破傷風の治療法を開発した細菌学者の北里柴三郎を使用し、５年後をめどに発行する方針です。 これは麻生副総理兼財務大臣が閣議のあとの記者会見で明らかにしました。 それによりますと、一万円札と五千円札、それに千円札の新たなデザインの紙幣を５年後の2024年度上半期をめどに発行します。 新しい一万円札の肖像には「近代日本経済の父」と呼ばれ、明治から昭和にかけて産業界をリードした渋沢栄一が使われ、裏には東京駅の駅舎が描かれます。 五千円札は日本で最初の女子留学生としてアメリカで学び、日本の女子教育に尽力し、津田塾大学を創立した津田梅子の肖像が使われ、裏には

政府は、現在使われている一万円札、五千円札、千円札の紙幣のデザインを偽造防止などを理由として一新する方針を固めました。新たな肖像画には「近代日本経済の父」と呼ばれる渋沢栄一、日本で最初の女子留学生としてアメリカで学んだ津田梅子、破傷風の治療法を開発した細菌学者の北里柴三郎を使うことが検討されています。 紙幣は偽造防止のため、定期的に新しい技術を取り入れてデザインが改められていて、政府は、現在使われている一万円札、五千円札、千円札の紙幣のデザインを、一新する方針を固めました。 この背景には、皇位継承に伴って来月１日に元号が「令和」に改められるのに合わせて、新しい時代を国民がこぞってことほぐ環境を醸成する狙いもあったと見られます。 紙幣のデザインが一新されるのは平成16年以来で、新紙幣が実際に市中に流通するのは数年後になるものと見られます。 現在の一万円札には福沢諭吉、五千円札には樋口一葉、千

リンク Wikipedia ディスレクシア ディスレクシア（英語: dyslexia、ディスレキシアとも）は、学習障害の一種で、知的能力及び一般的な理解能力などに特に異常がないにもかかわらず、文字の読み書き学習に著しい困難を抱える障害である。失読症、難読症、識字障害、（特異的）読字障害、読み書き障害、とも訳される。発達性読字障害（DRD; Developmental reading disorder）とも呼ばれる。1884年にドイツの眼科医ルドルフ・ベルリンによって報告され命名された。 2013年に改定された米国精神医学会の診断基準(DSM-IV) 22 users 206

さくうち @sakuuchi__ この赤、ピンク色として好きなんですが（もうデザインができない）原色もむちゃくちゃ使ってしまう（クソ弱い）ので意識して改善したい 2019-03-17 22:55:04

るりのん@あくせらたんおるた @rurino_akira 今朝の打ち合わせ 営業氏「ロゴ作ってほしいんですけど」 るりの「わかりました。何という会社さんですか」 営業氏「あ、その情報必要ですか」 お前は何を言っているんだ 2019-03-15 12:10:55 るりのん@あくせらたんおるた @rurino_akira るりの「社名、業種、色の方向性とかわかりませんか」 営業氏「そこまで情報出さないと作れませんか」 るりの「漠然としたものでいいので」 営業氏「お客様にそういうの訊くのは失礼だと思うんですよ」 何故 2019-03-15 12:11:07 るりのん@あくせらたんおるた @rurino_akira るりの「何の情報もない状態で、適当に作ってイメージと合わないものが出来上がるほうが失礼だと思うのですが」 営業氏「なくても作れるのがプロでしょう。情報が揃っているなら僕にでも作れます」

ウェブデザイナーやグラフィックデザイナーのデザイン制作をスピードアップさせる、便利な最新オンラインツールをご紹介します。 ゼロから作ると時間のかかってしまいそうなことも、これらのツールを使うことで大幅に制作時間を短縮できるツールが揃います。今後のデザイン制作のワークフローに取り入れてみてはいかがでしょう。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. モックアップツール 2. デザインツール 3. デザインからコードへの変換ツール 4. プロトタイプツール 5. サウンドツール 6. アイコン素材パック 7. コラボレーション、共同作業ツール 8. 面白ツール 9. フォント、書体ツール ウェブデザイン制作を爆速に！便利な最新オンラインツールまとめ モックアップツール Design Camera アニメーション付きの３Dモックアップを数秒で作