タグ

デザインに関するumakoyaのブックマーク (264)

  • ヘッダー(グローバルナビゲーション)のデザイン事例100選|akane

    こんにちは!株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー(グローバルナビゲーション)のデザイン事例を調べてみました!パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに:グローバルナビゲーションとは?グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか?」「目的のページはどこか?」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像

    ヘッダー(グローバルナビゲーション)のデザイン事例100選|akane
  • 商品デザインの著作権侵害に関する調査結果のご報告 |チュチュアンナ企業サイト

    平素よりチュチュアンナをご利用賜り、誠にありがとうございます。 2021年10月12日公開の「商品デザインに関するお詫び、および返金のお知らせ」につきまして、追加調査の結果を報告させていただきます。報告が大変遅くなりましたことをお詫び申し上げます。 第1 件に関する対応について 1 著作権侵害の発覚の経緯 2021年8月13日(金)より販売をしておりました弊社商品「ポメラニアン柄のルームウェア」について、過去に公開されていたイラストと酷似しているとのご指摘をイラスト製作者の方より2021年10月6日にいただきました。 これを受けて、商品の現物とイラストを確認のうえ、弊社商品のデザインを担当したデザイナーに対する聞き取り調査を行ったところ、デザイン製作の過程において参考資料として収集した資料の中に、ご指摘を受けている当該作品が含まれており、デザインの類似の程度からも同作品の著作権を侵害して

    商品デザインの著作権侵害に関する調査結果のご報告 |チュチュアンナ企業サイト
    umakoya
    umakoya 2023/02/01
    アパレル業界の類似商品氾濫は問題化しているが著作権侵害にはならないのが定説だけど、これは使用しているイラストが酷似(素材として使った)ようなので明確にアウトだなhttps://www.tutuanna.co.jp/news/85
  • スパイファミリーの表紙に大戦前〜戦後すぐの椅子が描かれてる→「許可取ってる?」「トレパクと言われそう」というコメントが…

    白鳥 憂 @sandanjuu これに「許可とってる?」とか「トレパクと言われるかも」とかの反応が幾つか… 第二次世界大戦前とか戦後すぐにデザインされたものばかりで、権利なんかとっくのとうに消え失せてるので、許可なんて取りようもない twitter.com/sandanjuu/stat… 2022-04-27 09:26:37 白鳥 憂 @sandanjuu そういやイームズの椅子欲しかったけど、「正規品」なんてもう売ってないから、リプロダクト探してたけど、日製無かったんだよな 昔の日なら「権利が切れたぞ!作りどきだ!」ってガンガン良いものをパクって売って儲けてた民族だと思っていたけれど 2022-04-27 09:29:42

    スパイファミリーの表紙に大戦前〜戦後すぐの椅子が描かれてる→「許可取ってる?」「トレパクと言われそう」というコメントが…
    umakoya
    umakoya 2022/04/28
    スパイファミリーの表紙に著名デザインの椅子が使われていたとは知らなかった(アプリで読んでる勢)/これらは量産される工業製品なので応用美術だ→https://umakoya.com/blog/log/eid1480.html
  • デザインシステム | EXPO 2025 大阪・関西万博公式Webサイト

    公益社団法人2025年日国際博覧会協会では、2025年日国際博覧会(大阪・関西万博)に活用するための「EXPO 2025 Design System」を策定しました。 このデザインシステムは、万博のさまざまなインターフェースを統一し、アナログ・デジタルの境界線を超えて一貫した体験を提供することを目的としています。EXPO 2025 Design Systemの提供する体験を通じ、万博がより多くの人々に愛されるものになることを願っています。

    デザインシステム | EXPO 2025 大阪・関西万博公式Webサイト
    umakoya
    umakoya 2022/04/20
    すごいなー。自分より若い世代が自由にキッチリやっている。ようやくロゴの意味がわかってきた。赤と青って動脈と静脈だったのか/なお万博そのものには触れない。
  • PDFカレンダー | アラクネ

    現在公開しているカレンダー:2023年~2027年 シンプルなデザインのPDFカレンダーが無料でダウンロードできます! サイズはA4・卓上の2種類。日曜はじまりと月曜はじまりと年間カレンダーがあります。六曜・二十四節気・祝日・文字サイズ等各種カスタマイズ可。 こんにちは、ウェブスタジオアラクネと申します。弊社では毎年、オリジナルのカレンダーPDFを制作して公開しています。市販のカレンダーで使いたいと思うデザインのものがなかったので、シンプルで機能的、使いやすいデザインのものを自分でつくりました。 いくつかのサイズバリエーションと、月曜はじまり・日曜はじまり・年間カレンダーなどの種類があります。また、PDFのレイヤー機能により、表示する要素を自由にカスタマイズ印刷できるのが、このカレンダーの大きな特長です。ご自由にダウンロードしてご利用ください。

    umakoya
    umakoya 2022/03/31
    毎年度お世話になっています。(A4→B5に縮小2アップ)
  • Colorbase

    All-in-one color tool for creators

    Colorbase
  • 配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」

    リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日カラーデザイン研究所 日カラーデザイン研究所はオリジナルのカラーシステム「HUE&TONEシステム」やイメージ分析システム「イメージスケール」を開発、発展させてきました。 62 users かたおか@LP専門Webデザイナー / 著者 @kataokadesign 「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1

    配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
  • 【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita

    みなさん、こんちには 【watnowテックカレンダーの23日目】 今日はwatnowのしゅいが担当します よろしくお願いします はじめに 今回は普段私が資料作りなどの際に利用している デザインの参考サイト,フリーのイラストサイト,配色のサイトを紹介します 今回紹介するサイトは全て無料で利用できます デザイン参考 1,pinterest URL:https://www.pinterest.jp ピンタレストは画像のSNSのようなものでネット上の画像を自分の「ボード」に 「ピン」して集めたりできる画像をブックマークとして集めるツールです パワポデザインなどと検索してデザインのアイデアを見つけたりして マネして作ってみるのもありです 2,dribbble URL:https://dribbble.com/ dribbbleはアメリカで生まれたサービスで、招待された人しか画像の投稿ができないため

    【2021 最新版】ノンデザイナーだからこそ知っておきたかった10のイラストサイト - Qiita
  • 高輪ゲートウェイ駅改札口の駅名表記が明朝体なのはデザイナー隈研吾氏による「和」の表現

    リンク 朝日新聞デジタル 「未来イメージできる駅」 高輪ゲートウェイの内部公開:朝日新聞デジタル 山手線と京浜東北線の品川―田町間に14日開業する新駅、高輪ゲートウェイ(東京都港区)の構内設備などが9日、報道公開された。「未来をイメージできる駅」を掲げ、無人決済コンビニが開店するほか、乗り換え案… 3 users

    高輪ゲートウェイ駅改札口の駅名表記が明朝体なのはデザイナー隈研吾氏による「和」の表現
    umakoya
    umakoya 2020/03/10
    “駅をデザインした隈研吾氏からのリクエスト” マジか。リクエストって「明朝体で」って言ったのか?現場が適当にフォントを選んだのか?まさか、やっつけ過ぎるが。
  • 「なんで明朝体にした!言え!」新駅・高輪ゲートウェイ駅の案内板のデザイン、あまりのアレさに「なんでこんなことに?」と話題に

    NHKニュース @nhk_news JR山手線で、およそ半世紀ぶりの新駅となる「高輪ゲートウェイ」の駅舎が完成し、今月14日の開業を前に内覧会が行われました。特徴の1つが改札内のコンコースで、警備や利用客の案内、それに清掃などを行う自律移動型のロボットが稼働していることです。 www3.nhk.or.jp/news/html/2020… #nhk_news pic.twitter.com/GzjGFbWWBH 2020-03-09 15:08:44 NHKニュース @nhk_news JR山手線で、およそ半世紀ぶりの新駅となる「高輪ゲートウェイ」の駅舎が完成し、今月14日の開業を前に内覧会が行われました。特徴の1つが改札内のコンコースで、警備や利用客の案内、それに清掃などを行う自律移動型のロボットが稼働していることです。 www3.nhk.or.jp/news/html/2020… #nh

    「なんで明朝体にした!言え!」新駅・高輪ゲートウェイ駅の案内板のデザイン、あまりのアレさに「なんでこんなことに?」と話題に
    umakoya
    umakoya 2020/03/10
    高級マンション感がある。高輪ゲートウェイってそんな街を目指してるの?
  • ジャニーズのスターたちが「週刊朝日」の表紙に集結!!ジャニー喜多川さんのオマージュ特集

    7月16日発売の「週刊朝日7月26日号」は、芸能界で男性アイドルというジャンルを確立したジャニー喜多川さんの功績をたたえた特集号となります。ジャニーさんが育てたスターたちは、過去に何度も「週刊朝日」の表紙を飾っています。その中から、とっておきの表紙を集めてコラージュしています。 7月9日に亡くなったジャニー喜多川さんの功績といえば、数々のスターを育てたこと。ブレイクしたスターたちは過去に週刊朝日の表紙を飾っています。マッチや田原俊彦などベテラン勢から、キムタク、タッキー、堂光一、嵐の大野智など国民的アイドル、King&Princeといった若手の筆頭グループまで、数々の表紙の「名作」を集めて、コラージュして今回の表紙にしました。ジャニーさんのオマージュとも呼べる表紙で、今号の表紙から、ジャニーさんが稀代のプロデューサーであったことが一目でわかります。 さらに、追悼記事では、育てられたスター

    ジャニーズのスターたちが「週刊朝日」の表紙に集結!!ジャニー喜多川さんのオマージュ特集
    umakoya
    umakoya 2019/07/19
    マジ現代アート。
  • UIのお作法。28個の「〇〇できそう感」をまとめました。|maiokamoto

    UIデザインにおいて「〇〇できそうな感」を出すことは、非常に大切です。予測される動作や意味が、自然に理解できれば、ユーザーにとって優しいデザインになるんじゃないかと思います。アイコン、大きさ、色などなど、デザインは細かい要素の積み重ね。すでに多くのユーザーに浸透し、習慣化されていそうな「〇〇できそう感」を28個まとめました。 1、進めそう感 2、戻れそう感 3、進めそう&戻れそう感 4、開きそう感(ドロップダウン) 5、開きそう感(アコーディオン) 6、開きそう感(モーダル1) 7、開きそう感(モーダル2) 8、カレンダーが開きそう感 9、メニューが開きそう感(ハンバーガー) 10、検索できそう感 11、入力できそう感 12、検索できそう + 入力できそう感 13、パスワード入力できそう感 14、パスワード感(強め) 15、間違えた感(エラー) 16、合ってる感(OK) 17、電話かかる感

    UIのお作法。28個の「〇〇できそう感」をまとめました。|maiokamoto
    umakoya
    umakoya 2019/06/11
    顧客の修正依頼に最小限で対応する方法
  • 【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30

    使い方 HTMLCSSの編集方法をご存知の方は読み飛ばしてくださいませ。 スキップ 手順1:CSSをコピペ のちほど紹介するボックスデザインのうち、気に入ったものがあればCSSをコピーします。これをブログやWebサイトのCSSファイルに貼り付けます。貼付け先はブログサービス別に以下のようになります。 link rel〜を貼る場所 WordPress[ダッシュボード][外観][テーマエディター]右側のバーの[style.css]※もちろんFTPソフトを使ってもOK はてなブログ[デザイン][][デザインCSS]スマホ用はの[フッタ]に<style></style>と入力、この中に貼付け アメブロ[マイページ][デザインの変更][CSSの編集] Livedoorブログ[ブログ設定][PC][カスタマイズ][CSS] FC2ブログ[設定][テンプレートの設定][スタイルシートの編集] Blog

    【CSS】おしゃれなボックスデザイン(囲み枠)のサンプル30
  • 現代のWebナビゲーションにおける4つのルール

    Webサイトはあらゆる種類の情報にアクセスできます。ある企業についてもっと知りたい、商品を購入したい、寄付をしたい、リソースにアクセスしたいなど、探している情報を見つけるために私たちはサイトナビゲーションを頼っているのです。 多くのWebサイトが「十分」に機能するナビゲーションを備えており、ユーザーを必要な情報にアクセスさせることができます。しかし、それは試行錯誤を重ねたからなのです。この記事では、デザイナーがより効果的でわかりやすいナビゲーション体験を作り出せるようになるためのベストプラクティスをいくつか紹介します。 『ナビゲーションは検索よりも大切である』という記事で、著者のGerry McGovern氏は彼のチームが行った調査について紹介しており、「ユーザーの70%はリンクのクリックから始め、30%は検索を使用した」と述べています。また、「検索を使うよりもリンクをクリックするほうが簡

    現代のWebナビゲーションにおける4つのルール
    umakoya
    umakoya 2018/04/14
    少し前に流行った「情報設計」が肝心だな。コンテンツの分類、ページ構成はしつこく検討して、フラットに近づけるべし。
  • 法律関係の出版社「有斐閣」さんがいつの間にか紋章をゆるキャラ化していた理由「堅いイメージを持たれがちなので…」

    ツイッターで話題になっていた有斐閣の紋章ゆるキャラ。withnewsさんがその経緯を取材したようです。

    法律関係の出版社「有斐閣」さんがいつの間にか紋章をゆるキャラ化していた理由「堅いイメージを持たれがちなので…」
    umakoya
    umakoya 2018/02/09
    ろけっとぽっぽーw
  • バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -

    忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか?私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「当にこれギャグじゃないの?」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは?とご指摘頂きました。

    バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
    umakoya
    umakoya 2017/12/06
    反面教師と言いたいとこだが軽微なケースは自分でもやってそう。哺乳瓶は充電電池かと思った。
  • デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ

    世間一般ではデザイナーは一括りに語られがちですが、デザイナーも千差万別、一人一人に個性があり、異なる価値観を持っています。この多種多様なデザイナーを一種類にまとめて扱うことは、デザイナーとのミスマッチに繋がり、デザイナーを擁する組織のマネジメントにとって、深刻な問題を引き起こすこともあります。 自分自身は経営者兼デザイナーとして仕事をし、今まで多くのデザイナーを見てきました。その私の経験則でいえば、デザイナーは大きく4つのタイプに分類できると考えています。例えば採用面接などで新たにデザイナーと出会った際には、まずはこの4タイプを手がかりにして、その方の理解を深めていったりします。 私が考えるデザイナーの4つのタイプとは、縦軸に「挑戦的」「保守的」、横軸に「感覚的」「論理的」を置いた4象限で表現できます。以下がその図です。 ここからは、理想実現型、成果追求型、共同作業型、実務遂行型の順に、そ

    デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ
    umakoya
    umakoya 2017/11/29
    「更新マシーン」「ビジュアルバカ」「金の亡者」「ブラックの温床その2」などいちいち秀逸w/デザインは感情を持つ人間相手の仕事だからAIで置き換えるのは無理に感じる。
  • 大事な人形を「ぬいぐるみ病院」にあずけたら泣けた話

    Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.

    大事な人形を「ぬいぐるみ病院」にあずけたら泣けた話
    umakoya
    umakoya 2017/11/08
    退院したら別人が帰ってきた件(ホラー)/サービス、ウェブサイトの細部まで世界観が作り込まれてて感動する。直接の利益につながらないのに。
  • カップヌードル on Twitter: "修正になんでも応えてくれるデザイナーさんが上司からの「チーズ感が足りない」というダメ出しに全力で応えてくれた結果…ミルクシーフードヌードルの広告がこのような形になりました! https://t.co/0T7aFfBXtN"

    修正になんでも応えてくれるデザイナーさんが上司からの「チーズ感が足りない」というダメ出しに全力で応えてくれた結果…ミルクシーフードヌードルの広告がこのような形になりました! https://t.co/0T7aFfBXtN

    カップヌードル on Twitter: "修正になんでも応えてくれるデザイナーさんが上司からの「チーズ感が足りない」というダメ出しに全力で応えてくれた結果…ミルクシーフードヌードルの広告がこのような形になりました! https://t.co/0T7aFfBXtN"
    umakoya
    umakoya 2017/10/18
    個人的には3枚目の「なんで晴れてないんですか?」がグサッと刺さった。自分はディレクターだから指示受け・指示出しの両者だけど。
  • ダ鳥獣戯画 – 鳥獣戯画ベクター素材化サイト

    イラスト素材をストックするサイト

    umakoya
    umakoya 2017/04/18
    仕事資料の素材にワンポイントなら使えるかも/1000年前のイラストってよく考えるとすごいな。