タグ

関連タグで絞り込む (112)

タグの絞り込みを解除

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

  • UIから「白」が消える日｜ritar


    これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは﹁アンビエントモード﹂という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵食しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん﹁無色透明﹂になっていくと考えます。これは﹁技術が生活に浸透することによってUIは存在感を減らし
    UIから「白」が消える日｜ritar

  • 『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン


    ﹃週刊少年ジャンプ﹄の歴史からひも解く、マンガ雑誌の文字とデザイン世界中で高い人気を得ている日本のマンガだが、その隆盛を支えてきたのはマンガ雑誌であった。本記事ではマンガを語るうえで頻繁に取り上げられる物語や絵ではなく、とくにマンガ雑誌における﹁文字﹂の歴史がいかなるものであったのかを、﹃週刊少年ジャンプ﹄を例にひも解いていく。 聞き手・監修＝岡本正史︵集英社︶　文・構成＝安原真広︵ウェブ版﹁美術手帖﹂編集部︶ 歴代の﹃週刊少年ジャンプ﹄ いまやスマートフォンで見ることも多くなったマンガだが、世界中で高い人気を得るようになった日本のマンガ文化をつくりあげてきたのはマンガ雑誌に代表される、紙でつくられた本のマンガだった。月刊や週刊という刊行スピードで数百万部にも上るマンガ雑誌が印刷され、日本全国の書店に届けられる。この世界的に見ても稀有なシステムが、日本の多様なマンガ文化をつくりあげたことに
    『週刊少年ジャンプ』の歴史からひも解く、マンガ雑誌の文字とデザイン

  • フォントのリガチャ（合字）やスワッシュの正しい使い方


    ロゴやメッセージ、キャッチコピーなどで、単に文字を並べるだけは味気ないものです。リガチャ︵合字︶やスワッシュを使って、文字のデザインを楽しみましょう！ 質問メールがたまにくるので、フォントのリガチャやスワッシュの正しい使い方を紹介します。 フォント: TheSecret最近のお気に入りフォント﹁TheSecret﹂を使って、リガチャとスワッシュの使い方を見てみましょう。 ※TheSecretの作者様に画像掲載の許諾を得ています。 リガチャ︵合字︶とは、スワッシュとは リガチャ︵合字︶とスワッシュの使い方 リガチャ︵合字︶とは、スワッシュとは リガチャ︵合字︶とは複数の文字を合成して一文字にすること、スワッシュとはスクリプト系フォントのにょろっとした字形。 TheSecretはスクリプト系フォントの中でも、特にリガチャとスワッシュが充実しており、文字のデザインを楽しめます。
    フォントのリガチャ（合字）やスワッシュの正しい使い方
    chlono
    chlono 2022/12/09
    PixelmatorもProにしたらリガチャを扱えるようになったのでいろいろいじってみたい
    リンク

  • Tabler Icons: 5200+ free vector icons for web design

    Ready-to-useYou can use the icons as HTML images, embed them in your HTML code, create an SVG sprite or render them in React. Multiple formatsIcons can be used in Sketch, Illustrator, XD and Figma - choose the tool you feel the most comfortable working with. CustomizableEvery icon is designed on a 24x24 grid and a 2px stroke. You can easily customize them, changing the size, stroke or color.

    Tabler Icons: 5200+ free vector icons for web design

  • はじめまして、ヒラギノフォント公式noteです｜ヒラギノフォント公式note


    はじめまして、私は﹁ヒラギノフォント﹂を株式会社SCREENグラフィックソリューションズで担当している、正木︵まさき︶と申します。 私は日々お客様のフォントにまつわる課題解決に携わりながら、﹁もう一歩だけフォントを知っていただけたら何倍も良くなるのに…！﹂と感じるシーンが多々あります。 これはフォントに携わる人が常々感じていることだと思います。 例えば街中や映像、ウェブで見かける案内や広告、ソフトやハードに組み込まれるフォント、資料やプレゼンに使われる文字、そして企業や組織、ブランドのグローバルなコミュニケーションにおいてのフォントなど。 一昔前まではフォントを使う人は﹁デザイナー﹂に限定されていましたが、今やフォントを使う人がデザイナーに限定されないことも、そうした問題に影響していると思います。 スマートフォンひとつあれば、だれでも簡単にグラフィックや動画を作って、SNSやYouTube
    はじめまして、ヒラギノフォント公式noteです｜ヒラギノフォント公式note

  • 醤油の使い分けを広める 「醤油ピクトグラム」が無料公開 | Webマガジン「AXIS」 | デザインのWebメディア


    キッコーマンやヤマサ醤油をはじめ全国100社以上の醤油メーカーが参画する、﹁醤油を使い分ける文化﹂を広めるプロジェクト﹁醤3︵ショウスリー︶﹂は、醤油の幅広い可能性を伝えるために﹁醤油ピクトグラム﹂を新たに開発した。 醤油は、濃口醤油、淡口醤油、再仕込醤油、溜醤油、白醤油、甘口醤油の6種類に大別できるが、万能調味料と呼ばれることもあって﹁どんな料理にもこれ一本﹂という意識が強く、濃口や淡口の2種類しか知らない人も多いという。 また、お寿司でも、赤身にはたまり醤油、白身には淡口醤油をかけるとおいしいとされ、醤油も料理に合わせて使い分けたほうがよりおいしく味わうことができるそうだ。 こうしたことを伝えるために生まれたのが﹁醤油ピクトグラム﹂で、全部で70種類以上あり、基本的な醤油の使い方や醤油の種類、相性の良い料理など、さまざまなカテゴリで構成されている。 商品パッケージや店頭POP、飲食店の
    醤油の使い分けを広める 「醤油ピクトグラム」が無料公開 | Webマガジン「AXIS」 | デザインのWebメディア

  • Tokyo2020 聖火台 | nendo

    東京2020オリンピック・パラリンピックの開・閉会式演出企画チーム統括であった野村萬斎氏の 「太陽の下に皆が集い、皆が平等の存在であり、皆がエネルギーを得る」というコンセプトに基づいてデザインされた聖火台。 求められた「太陽らしさ」を表現するために、耐熱ガラスの球体に炎を閉じ込めたり、 炎を回転させて球状にしたりと、延べ85案が検討された。 試行錯誤の末、「五輪」をモチーフにした5枚のパネルが上下2段で構成された球状のものに。 オリンピック開会式の終盤に、最終聖火ランナーを迎えるようにして「咲く」。 これは、太陽だけでなく、植物が芽吹いたり花が咲いたり、 空に向かって手を大きく広げたりといった、 太陽から得られるエネルギーや生命力を表現したもの。 炎の燃料には次世代エネルギーとして注目されている水素エネルギーを使用。 水素は、2011年に発生した東日本大震災からの復興が進む福島県の施設で製

    Tokyo2020 聖火台 | nendo

  • ローソンのPBデザインについて思うこと #ローソンPBに思う｜KEITA MAKINO | DE Inc.

    この件に関しては、あまり口を開かないほうがいいだろうと考えていました。どう言葉を選んでも「批判的な立場」になってしまうからです。僕だってできれば喧嘩はしたくないし、誰からだって嫌われたくもないのです。 しかしハフポストの「ハフライブ」にローソン社長の竹増さんが登場して↓のような企画をやることになったそうで、そのきっかけとなった最所さんにも↓というようなコメントをいただいたので書いてみることにしました。 なぜ僕がでていこうと思ったかと言えば、ローソンのパッケージを弊社(エードット/カラス)で担当していたことがあったからです。「おにぎり屋」のデザインを中心に「悪魔のおにぎり」のデザインやキャラクターをつくったり、今回話題のプライベートブランドのデザインもしていました。(僕自身はデザイナーではなく、コピーライターあがりの企画・CDの仕事をしています。) 2年ほどではありますが「コンビニエンススト

    ローソンのPBデザインについて思うこと #ローソンPBに思う｜KEITA MAKINO | DE Inc.

  • ローソンPB新パッケージの「わかりにくすぎる」という問題　ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー


    ローソンは2020年春、プライベートブランド商品のロゴ・パッケージを刷新した。これまでの﹁ローソンセレクト﹂を﹁L basic(エル ベーシック)﹂﹁L marche(エル マルシェ)﹂の2つのブランドに一新したという。手掛けたのは国内外で幅広いクリエイティブを行うデザインオフィスnendoだ。 確かにデザインは美しい。しかし店頭に並んだ商品を見ると、統一感はあるが何の商品だかわかりづらい。Twitterでも﹁前のデザインの方がわかりやすかった﹂という消費者の声が目立つ。 筆者の和久井は、ライターと並行して合同会社ブラインドライターズという、視覚障害者を中心とした会社を運営している。スタッフには、中心視野が欠けていて焦点が合わない人、全体的にぼやけて見える人、トイレットペーパーの芯から物を覗いているように見える視野の狭い人など、さまざまな視覚の状態の人がいる。彼らにも見てもらったが、﹁非常
    ローソンPB新パッケージの「わかりにくすぎる」という問題　ユニバーサルデザインの専門家に訊く - wezzy｜ウェジー

  • ローソンのプライベートブランドのデザインに賛否両論

    LAWSON（ローソン）のプライベートブランド商品のデザインに賛否両論があったのでまとめました。デザイナーの意見、一般消費者の意見、若い子の意見、色々ありますね。個人的には店頭でSNSとかやらない年配の方に意見を聞きたい。かわいいから買いたい？分かりづらいから買わない？みんなはどう思う？

    ローソンのプライベートブランドのデザインに賛否両論
    chlono
    chlono 2020/05/03
    無印が同系統として上がってるけど、無印は無印でフォントと写真を分かりやすく配置してるからだいぶ違うかなって｜セブンの刷新案はとてもいいと思う。分かりやすいし写真使いが美味しそう
    リンク

  • はっきりと分かるようにデザインされたUIは、最高のUI


    多くのデザイナーが日々、使いやすいデザインについて模索しています。 WebページやスマホアプリのUIデザインにおいて、使いやすいデザインへの一つの答えとなる記事を紹介します。 すっきりデザインされたUIよりも、はっきりと分かるようにデザインされたUIの方が使いやすい最高のUI！ The Obvious UIis Often the Best UIby Susanna Zaraysky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 下部のナビゲーションバー = 使用率の増加 下部のナビゲーションバーとアクセシビリティ ﹁明白な﹂アイコンが﹁一般的な﹂アイコンとは限らない 他のUIをコピーしても、明白なデザインは保証されません 明白なものを見つけるには、問題点を見つけること はじめに フランスの哲学者ヴォルテールの言
    はっきりと分かるようにデザインされたUIは、最高のUI

  • TOFU | 建築設計・店舗デザイン・建築家 | 大阪


    TOFUは大阪を拠点に活動する建築設計事務所です。大阪を中心に各地で住宅、マンション、旅館、商業施設、リノベーションなどの設計デザインを手がけています。お気軽にご相談下さい。
    TOFU | 建築設計・店舗デザイン・建築家 | 大阪

  • 「iPhone」の広告を昭和の雑誌風にしてみよう


    古本屋などで昔の雑誌を買ってくると、思わず見入ってしまうのが広告ページ。 最近のスタイリッシュ一辺倒な広告とは違うデザインがもっさりとした泥くさ〜い雑誌広告は何とも味わい深く、夢中になって見てしまいます。 ……ということで、令和を迎えた今、最新ガジェットを昭和の雑誌広告風にしてしまいたいと思います。 1975年群馬生まれ。ライター＆イラストレーター。 犯罪者からアイドルちゃんまで興味の幅は広範囲。仕事のジャンルも幅が広過ぎて、他人に何の仕事をしている人なのか説明するのが非常に苦痛です。変なスポット、変なおっちゃんなど、どーしてこんなことに……というようなものに関する記事をよく書きます。︵動画インタビュー︶ 前の記事‥あの、オリンピックの﹁かぶる傘﹂どれくらい邪魔なのか調べてみた ＞ 個人サイト Web人生
    「iPhone」の広告を昭和の雑誌風にしてみよう

  • 恐ろしくも美しい唯一無二のモンスター「エイリアン」をH・R・ギーガーはどのようにデザインして作り出したのか？ - GIGAZINE

    1979年に公開された映画「エイリアン」は、画家でありデザイナーであったH・R・ギーガーのイラストを忠実に立体化させることで大きな成功を収めました。恐ろしさだではなく美しさも秘めたエイリアンがどのようにして生みだされたのか、その誕生秘話と製作の秘密がYouTubeで公開されています。 Alien - H. R. Giger's Beautiful Monster - YouTube 1979年に公開された映画「エイリアン」に登場するエイリアンの姿はそれまで人々が抱いていたモンスターのイメージを覆すものとなりました。 このエイリアンのデザインをしたのがスイス出身の画家兼デザイナーのH・R・ギーガーです。 ギーガーはチューリッヒで建築とインダストリアルデザインを学んだデザイナーで、エイリアンの製作に携わる前から既にアーティストとして成功していました。 ギーガーの作り出すものは超現実的でありなが

    恐ろしくも美しい唯一無二のモンスター「エイリアン」をH・R・ギーガーはどのようにデザインして作り出したのか？ - GIGAZINE

  • 良いデザイナーになるために、最初に身につけておきたいデザインの基本の勉強方法 | コリス


    良いデザインはある日突然生まれるものではなく、しっかりした基礎に基づいて作られるものです。デザインを実践する前に、最初に身につけておきたいデザインの基本の勉強方法を紹介します。 Before you can master design, you must first master the fundamentals 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 良いデザインは、突然生まれるものではない デザインの基本 その1: 基本はタイポグラフィ デザインの基本 その2: 空白を使ってバランスをとる デザインの基本 その3: サイズを使用してビジュアルの階層を確立する デザインの基本 その4: 意味を伝えるためにカラーを使う 終わりに 良いデザインは、突然生まれるものではない 先週、私はビジターから質問をいただきました。 優れ
    良いデザイナーになるために、最初に身につけておきたいデザインの基本の勉強方法 | コリス

  • 本物かと思った　元和菓子職人が作った和菓子風ハンドメイド小物が食べたくなるほどのハイクオリティー - ねとらぼ


    元和菓子職人が作った和菓子そっくりのアクセサリーがTwitterで注目を集めています。お皿に盛られて出されたら間違って食べてしまいそうになるほどのレベル……！ 和菓子そっくりのアクセサリーを作っているのは、元和菓子職人の森野クマコさん。森野さんが作るアクセサリーは、和菓子を作るときと同じ道具を使うだけではなく、作り方もほとんど同じです。材料を餡や寒天ではなく樹脂粘土とレジンに変えて、見事なほどの美しい和菓子風アクセサリーを製作しています。 和菓子屋に並んでいる上生菓子かと思った 楊枝で切った後のような切り口。お見事です 餡を練ったような質感と淡い色合いが和菓子そのもの。帯飾りに和菓子を切ったり刺したりする楊枝を使うなどのこだわりも見せています。 帯飾りに使われているのは和菓子用の楊枝 日常使いができそうなヘアゴム。いろいろついていてかわいい 漆器に乗せられた和菓子みたい 和菓子風アクセがゆ
    本物かと思った　元和菓子職人が作った和菓子風ハンドメイド小物が食べたくなるほどのハイクオリティー - ねとらぼ

  • Mobile Patterns - UI UX Inspirational Gallery for iOS and Android

    Sign In to View Your Boards Inspirational UI UX Patterns That Work Explore Pattern Categories Made with love for designers by designers @Simform & Maitrik Kataria

  • 『いらすとや』の素材を色覚障がいの視点から見てみた


    いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない！ ではそんなにこだわっているのなら、色の方はどうなのかな？と思ったわけです。 色覚を変えて見てみる 使った素材はこの3つ。3つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの﹃UDing®﹄を使うのですが、マシンを新しくしたら使えなくなってしまい…。P型とD型だけですが、フォトショップの﹃色の校正﹄機能で変換しました。 ラーメンを食べる男 麺の部分と洋
    『いらすとや』の素材を色覚障がいの視点から見てみた
    chlono
    chlono 2018/10/30
    いらすとやの絵は正直苦手な部類で目についても避けてしまうレベルなんだけど、「こういうところを見るとちゃんとプロの仕事なんだな」と感銘を受けた
    リンク

  • “表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter

    🐕️ @54jpd09 今まで作った表紙だが… 一枚目：絵に文字を重ねて後は揃えとけ 二枚目：正方形で揃えとけ 三枚目：タイトル斜め、写真はぼかしてりして効果的にしとけ #それっぽくなる表紙 pic.twitter.com/SOOvvkYgFH 2018-10-24 21:34:52

    “表紙あるある”の知恵がこのタグに集結！ #それっぽくなる表紙 - Togetter
    chlono
    chlono 2018/10/25
    参考になるのは前半の半分までかなあ
    リンク

  • こんな色の組み合わせもあるんだ！さまざまなテーマに合ったカラーパレットがまとめられた -SchemeColor | コリス

    カラーパレットがまとめられているサイトはいくつかありますが、今回紹介するのはデザインやイラスト、ビジネスにも使えるさまざまなテーマごとに充実したカラーパレットが揃っており、完全無料でダウンロードできる優れものです。 配色に悩んだ時の助けになる、色の組み合わせがすぐ分かる便利なサイトを紹介します。 SchemeColor 各カラーパレットをクリックすると、そのカラーパレットのページに移動します。 カラーパレットのページではカラーの調整、各カラーの詳細情報が表示され、カラーパレットをダウンロードしたり、お気に入り登録することもできます。

    こんな色の組み合わせもあるんだ！さまざまなテーマに合ったカラーパレットがまとめられた -SchemeColor | コリス
  • 1 2 3 4 5 6 7 8 9 10 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.