タグ

デザインに関するbk-zenのブックマーク (10)

  • きのこの山を解剖すると、何が見える? 「デザインの解剖展」10/14から21_21 DESIGN SIGHTで - はてなニュース

    21_21 DESIGN SIGHT(東京都港区)は10月14日(金)から、企画展「デザインの解剖展: 身近なものから世界を見る方法」を開催します。グラフィックデザイナーの佐藤卓さんが手掛ける「デザインの解剖」は、身近な製品をデザインの視点で解剖・検証するプロジェクト展では解剖対象として「きのこの山」「明治おいしい牛乳」など明治の製品を取り上げます。 ▽ 21_21 DESIGN SIGHT | 「デザインの解剖展: 身近なものから世界を見る方法」 | 開催概要 佐藤さんは2001年から、身近な製品の成り立ちをデザイン的に検証するプロジェクト「デザインの解剖」に取り組んでいます。プロジェクトの目的は、製品の生産過程で素材やパッケージなどに込められた、多様な工夫を解剖して読み解くこと。これまでに、ロッテの「キシリトールガム」や富士フイルムの「写ルンです」などを解剖してきました。 「デザイ

    きのこの山を解剖すると、何が見える? 「デザインの解剖展」10/14から21_21 DESIGN SIGHTで - はてなニュース
    bk-zen
    bk-zen 2017/01/12
    面白そう。
  • アニメ版「シドニアの騎士」プライマリーデザイン

    少々前の話になりますが、ポリゴン・ピクチュアズさまからお声掛けいただき、2014~2015年にかけてテレビ放送されたアニメ「シドニアの騎士」(原作: 弐瓶勉さん)のプライマリーデザインを弊社 三階ラボ で担当させていただきました。 プライマリーデザインの具体的な内容は以下の2つです。 モニターグラフィックメインビジュアルの開発 シドニアフォントの作成 ともに、原作の漫画にはすでにオリジナルのデザインが存在していますが、しっかりと時間をかけて目視できる静止画とは違い、アニメのような動画では、様々な要素が一瞬しか表示されないことが多くなります。 今回は、原作の素敵なテイストを維持しつつ、アニメ向けにデザインを再構築することが主な目標でした。 モニターグラフィックメインビジュアルの開発 原作の漫画から、モニター内に表示される主なグラフィックを抽出し、機能性や視認性、汎用性を高める再デザインを行い

    アニメ版「シドニアの騎士」プライマリーデザイン
    bk-zen
    bk-zen 2016/07/25
    このフォントかっこいいよなー
  • UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

    最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なのは実装面での考慮事項が網羅されて考え込まれた「 決定力のあるデザイン 」を作る力だと思う。 サッカーで言うと、決定力は「 得点を決める能力 」として使われているけど、UIデザインにおいては「 実装面まで考慮された実装可能なデザインであるか 」という言葉として使っている。 魅せるデザインとフィージビリティが考慮されているデザインでは、かなり内容が異なってくるので、現場デザイナーとしては特にこのあたり

    UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog
    bk-zen
    bk-zen 2016/05/16
    UIデザイナーじゃないけど読んでおきたい。
  • Webにも紙にも使える、囲み枠デザインの基本テクニック

    2016年1月20日 Webデザイン テキストを四角で囲ったシンプルな枠。もちろんWebだけでなく、印刷物でも多く使われていますよね。今回は、デザインをする上では欠かせないと言っても過言ではないこの囲み枠にフォーカスしてみようと思います。新米デザイナーさんや、デザイナーじゃないけど資料作成をする機会の多い営業さんの参考になれば幸いです! ↑私が10年以上利用している会計ソフト! 呼び方は「囲み枠」で正しいのか…謎ですが、テキストを囲んでいるボックスのことです。海外では「パネル」「テキストボックス」等と呼ばれています。 こんな時に使うと◎ 強調する時 「今なら20%オフ!」「期間限定!」等、注目して欲しい要素に利用されます。Webサイト上ではアラートメッセージでよくみかけますね。図はBootstrapのアラート要素。 要素の差別化 補足や注意書きなど、メインのコンテンツと区別して表示したい時

    Webにも紙にも使える、囲み枠デザインの基本テクニック
  • ゲームUIブログ

    Search for: Cancel 異世界グルメ堂 異世界転生×モンスター飯 超次元彼女: 神姫放置の幻想楽園 ビックリマン・ワンダーコレクション 星になれヴェーダの騎士たち テンペスト 機兵とドラゴン サバイバーガールズ パンドラノヴァ 熱戦少女 ウォッチャー・オブ・レルム プリストンテールM デーモンスクワッド 異世界傭兵団のそだて方 ダークオリンポス:闇の女神 ファントム オブ キル -オルタナティブ・イミテーション- 1 of 87123…87次へ »

  • よくわかるマテリアルデザインの設計コンセプト | fladdict

    iPhoneAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた

    よくわかるマテリアルデザインの設計コンセプト | fladdict
    bk-zen
    bk-zen 2015/05/22
    "ページフリップのようなZ方向への回転は、発生しない。ペーパーがZ方向に回転をするとガラスに衝突してしまうためである。" なるほど
  • 配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark

    自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか? 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
    bk-zen
    bk-zen 2012/03/19
    配色、デザイン、文章、写真、センスがないとあきらめる前に勉強しよう!|Webpark
  • ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材

    Android GUI PSD (High-Density) [ad#ad-2] Android GUI PSDは、Androidのデフォルトのスキンをベースに標準的なスクリーンサイズとピクセル密度に基づいて作成されており、GUIは細部まで作りこまれ、アイコンやボタンなどさまざまな状態のものが揃っています。

    bk-zen
    bk-zen 2011/08/16
    ピクセル単位で正確につくられた、AndroidのGUIをまとめたPSD素材
  • Rakume | Kunr

    Clancey Lin Front-End / PHPer / ACGer E-mailh@rakume.com Github@linclancey V2EX@rakume Instagram@gongyu6

    bk-zen
    bk-zen 2011/02/03
    名刺を作るサービス。後で使う
  • ColorJack: Sphere (Color Theory Visualizer)

    Harmonize colors. Create color schemes. Find HEX codes. Simulate color-blindness. Export into Illustrator, Photoshop and ColRD.com

  • 1