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

  • 新しいデザインの教科書

    【ご挨拶】 / 【目次】 / settings / 解釈が変わる写真 / ラインスケッチ / 感覚の変換による観察 / 蓋の分類 / 新しい分け方の基準 / バランスによる新しい価値 / 約束事を共有することで、読みとけるようになる四コマ漫画 / 丸を取り出す / キリトリムシ / レイアウトが解釈を生み出す / モノをコントロールするための身体言語 / space / 「解釈が変わる写真」野中大

    新しいデザインの教科書
  • UIデザイン初学者の頃の自分に捧げたい、「勉強するならまずこれを読もう!」と思う読み物7選|623

    はじめまして、ムツミ(@623px)と申します。「CAMPFIRE」という、クラウドファンディング事業の会社のデザイナーをしています。 普段はグロース周りのデザイン施策を担当していて、少し前は仲間集めプラットフォーム「TOMOSHIBI」という新規事業のデザイン全般を担当していました。 --- 最近デザインを勉強している友人にむけて、勉強におすすめの記事やをまとめる機会があったのですが、UIデザインをはじめたの頃の自分に読んで欲しい…と思うものばかりでした。当時のわたしは「とりあえずやってみてわからなかったら調べる!」という方法で突き進み、体系的に学ぶことが少なかったためです(反省) まだまだデザインを語れる立場ではないのですが、せっかくなので当時の自分に向けて、そしてこれからの自分のおさらいになるように、厳選してnoteに記録しておこうと思います。 僭越ながら、UIデザイン勉強中の方や

    UIデザイン初学者の頃の自分に捧げたい、「勉強するならまずこれを読もう!」と思う読み物7選|623
  • この記事の元の本編は削除しました。|樫田光 | Hikaru Kashida|note

    これは何かGoogleの Material Design Guideline - Data Visualization  がとても良くまとまっていたので、自分なりに和訳・編集してまとめたものです。 ※ 注意事項 こちらはあくまで、もとのドキュメントを参考に筆者が和訳・編集したものになります。原文の完全な和訳ではなく、抜粋の範囲や、英=>和の際の意訳を筆者が恣意的に行っています。 筆者の意訳・編集による曲解や元のドキュメントでのオリジナルの文意が気になる方は原文を読むことを強くおすすめします。 和訳の公開の可否についてはGoogle社に直接問い合わせています。1 / 原理原則(Principles) データの可視化は、複雑で内容の多い情報をグラフィカルな形式で表現するコミュニケーション手段である。 可視化の結果、データを比較しストーリーを伝えることが容易になり、データの利用者の意思決定の助け

    この記事の元の本編は削除しました。|樫田光 | Hikaru Kashida|note
  • ぼくのかんがえたさいきょうの配色Webサービスを公開した話 - Qiita

    TL;DR まあぜんぜん最強ではないですが、自分好みの配色 Web サービスをつくってみました yum-yum COLOR 個人で公開まで作りきったのは初めてでしたので、色々とつまずきました そんなつまずきポイントや、 Web サービスを公開するために利用した技術などを紹介していきます ❗ なぜ配色サービス ❓ 色彩検定という資格をご存知でしょうか? 僕はプログラマーなのに 色が好き で、この試験を受検しました。 その学習をしてる時にこんな風に思ったのです。 この色相環、これを使って配色選べたら便利じゃない? あっ、このトーン、これを使って配色選べたら便利じゃない?? と。 受検勉強の追い込みをしないといけないのに、そっちのけで作り始めてしまった...というわけです (一時はどうなるかと思いましたが、無事に検定は合格しましたよ 🎉 ) どんなサービスなの ❓ 使い方 色相環 と Hue

    ぼくのかんがえたさいきょうの配色Webサービスを公開した話 - Qiita
  • 「あるあるデザイン」は邪道なようで王道な推し本 - やわらか図書館学

    昨年、Twitterで「#それっぽくなる表紙」というタグが流行りましたが、今日、屋で見つけて即購入した「あるあるデザイン」は、そんな"それっぽくなる"デザインの手法がたくさん紹介されているです。 例えばこんな感じ。(出典:あるあるデザイン|株式会社エムディエヌコーポレーション) こんな風に"それっぽい"デザインを作るための手法が、ユニークな名前とともに、全部で45個も紹介されています。 こういうテクニックだけ紹介されていると、ともすると邪道っぽいと思ってしまいがちですが、自分がこの数年間、練習してきたことも、けっきょくは街中のポスターなどから"それっぽくなる"要素を見つけて実際に作ってみる、という練習だったとも言えます。 実際、過去に作ったものをみても「あるあるデザイン」で紹介されている手法そのまんまだなというものがたくさんあります。(「」内はで紹介されている手法名) これは「ナナメ

    「あるあるデザイン」は邪道なようで王道な推し本 - やわらか図書館学
  • ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。|榊原昌彦

    ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。 このツイートをしたところ、大きな反響をいただきまして、かるく解説記事を書いておきます。 どういうサービスなの?オンラインでネットショッピングをつくることができる有名サービス「Shopify」のはじめたロゴ自動生成サービスです。13のビジネス分野、18のデザイン属性から自分にあったものを選択し、ロゴに入れる文字をタイプするだけでロゴを自動生成することができます。また、生成したロゴのフォント、色、アイコン、レイアウトの調整も可能ですので、自動生成といいながらほぼあなただけのロゴを自動生成することができます。 使い方ログイン不要です。https://hatchful.shopify.com/ にアクセスして、右上の「GET STARTED」

    ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。|榊原昌彦
  • デザイン原則の実践|dely design

    This domain may be for sale!

    デザイン原則の実践|dely design
  • 源ノ明朝

    源ノ明朝は、アドビフォントとしては2番目の Pan-CJK 書体ファミリーであり、Serif 書体として源ノ角ゴシックと対をなすものです。どちらのファミリーも、東アジアに住む 15 億の人々のための、統一された書体デザインへのニーズに応えるためにリリースいたしました。 源ノ明朝は、東アジアで用いられている4つの言語(簡体中国語、繁体中国語、日語、および韓国語)で必要な文字をサポートします。それぞれ、7つのウェイトを持ち、各ウェイトに含まれる 65,535 の字形は、各言語の多様性を尊重するとともに、共通化できる部分については積極的にデザインの一貫性を高めるようデザインされています。さらに、欧文の豊富な文字セットを有し、ラテン、ギリシアおよびキリル文字に対応しますが、そのデザインは Source Serif に基づいています。

    源ノ明朝
  • プログラマのためのカラーパレットツールを作りました - shoya.io

    Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ

  • 1