[B! デザイン] salon_hiyakeのブックマーク

実例から考えるUIの情報設計｜usagimaru

情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。情報設計の専門書を漁ってみると、“ふわっとした” 話か、Webサイト設計の話に終始するものが多いのですが、本来はWebサイト設計以外の分野にも通用する考え方です。今回はiOSなどのアプリケーションデザインに焦点を当てて、UIの情報設計というものを考えてみたいと思います。この資料では、「情報設計としてのUIの組み立て方と考え方」をテーマとし、すでにあるようなUIの実例を用いて情報設計視点でのUIデザインの解説を試みます。UIの具体イメージと結果から設計の意図というものをクイズ形式で考えられる内容となっています

salon_hiyake 2022/12/25

リンク

フラットなUIデザイン用に作成された、世界各国の有名デザイナーが使用しているカラーパレットのまとめ

Flat UI Colorsがバージョンアップし、世界各国の有名デザイナーと協力して作成されたフラットなUIデザインに合うカラーパレットを紹介します。 Flat UI Colors 2 カラーパレットはFlat UI Color本家のを含めて、全部で14種類、トータルで280色のカラーがまとめられています。カラーはコピペで簡単に取得することができ、すぐにデザインやプロジェクト、プレゼンに利用できます。まずは、本家のカラーパレットから。

salon_hiyake 2018/01/25

リンク

デザイナーと働くなら知っておきたい4タイプのデザイナー像 | ベイジの社長ブログ

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

salon_hiyake 2017/11/29

リンク

知財教材「デザイナーが身につけておくべき知財の基本」 | 経済産業省特許庁

salon_hiyake 2017/11/25

リンク

誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しましたデザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？・最終的に何を言いたいのか結論が見えないよ。・関係性が複雑すぎて理解しずらいんだけど。・要素が多すぎて全てを把握するのが大変。・何をどこから見れば良いの？・結局一番言いたいことはなんなの？・文字サイズがたくさんありすぎてまとまりがないね。・安っぽいチラシみたいでダサイなぁ。・全体的にバランスが偏ってて不安定。・

salon_hiyake 2017/01/24

リンク

Flashが教えてくれたこと、HTML5で失ったもの。（仮

イントロ上のはただの画像です。もしクリックした人がいたらすいません。私、この業界に入った時は20歳くらいでした。その時はソシャゲの始まりで、まだガラケーだったのでFlashLiteでゲームを量産してました。（知る人ぞ知るコ◯チとか）３年前くらいにアプリとかHTML5に移行してきっちりしたものとかFlashっぽいものを作ってます。さて、今回のネタですが、 FlashLiteネタとかAdobeAirネタとかありそうなんですが、思い出すの面倒なんで、 Flasherってなんだったんだろうっていう感想文を残したいと思います。 Flasherが担ってた仕事わかりやすいように、極端めに書いてますのでご容赦ください。 Flasherが現れる前のデザイナーさんとプログラマーさんデザイナーさんヴィジュアル担当。カッコいいWebサイト探しが大好き。稀にプログラムが出来る人がいるものの、小難

salon_hiyake 2016/12/09

リンク

文章の作り方 - 伝わるデザイン研究発表のユニバーサルデザイン

研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく

salon_hiyake 2016/11/20

リンク

１２時間円柱を描きつづけてはじめてわかったこと。「気づく」までにはたくさんの時間がかかるのに、みんな先に教わってしまうんだね。 | ■　暮らしの旅あるき　■

４月から美大の学生になった。美大といっても、大学生と一緒に通う形のもんじゃなくって、ムサビが社会人向けにやっている各種学校のほう。普通に１９歳と一緒に美大に入るには、私にはほかの生活がありすぎるので、１年分のカリキュラムを、私は週2日づつ２年かけてやってる。これは人生のリベンジなんである。とにかく、どうやったって絶対絵を描きたくて、学びたいのは美術で、ほんでもって高校の美術の先生も「君は絶対美術系に進みなさい」って言ってくれてたにもかかわらず、親に強固な権力行使をされて普通大学にしか学費を払ってもらえなかった。ってか、それ以外は選択の余地なしで、父親のDVも恐ろしかったので、そうするしかなかった。今の時代、得意なものを探せ、やりたいことをみつけろ、進路を早めに定めろってさんざん言われてるのに、当時、それをちゃんと高校一年生から定めていた私は、ちっともやりたいことなんて選ばせてもら

salon_hiyake 2016/04/30

リンク

【Illustrator】点線・星・文字・市松模様渦巻き（スパイラル）の描き方

今回は点線・星柄等で渦巻きを描きます。使いドコロが多いのに、作るのには手間がかかる……。そんなお悩みも一挙解決！アピアランスなので、編集も簡単！点の他に、星や文字など好きな柄に応用可能！今回は２つの方法をご紹介。お好みに合わせてお試しください！完成予定図使用ソフト　AdobeIllustratorCC （以前のバージョンでもできると思います）まずは一つ目、「円にアピアランスを適用する方法」をご紹介します。こちらは動きが安定しているので、作りやすく変更もしやすいです。では、一番単純な「点線渦巻き」から見ていきましょう。出来上がった渦巻きを加工する際は「オブジェクト＞アピアランスを分割」を行ってください。複合パスにしたり、パスファインダーで整えたり、用途に合わせて加工してください。 Step1　点線の渦巻き破線の設定を使い、点線でできた円をつくります。楕円形ツール/Ellipse

salon_hiyake 2015/05/05

リンク

月刊『美術手帖』　最新のアート＆アーティスト情報・展覧会情報・評論を掲載

bijutsu.co.jp へアクセスいただきありがとうございます。 bijutsu.co.jp ドメインは現在、株式会社美術出版エデュケーショナルが所有しております。かつて存在した美術出版グループの情報については以下をご覧ください。旧・美術出版ホールディングス株式会社美術出版ホールディングスは、現在は活動しておりません。旧・美術出版社株式会社美術出版社は現在、カルチュア・コンビニエンス・クラブ株式会社のグループ会社として活動しております。詳しい情報は株式会社美術出版社のウェブサイトをご覧ください。旧・美術出版ネットワークス株式会社美術出版ネットワークスは一部事業を株式会社 D2Cソリューションズへ譲渡し、現在は活動を休止しております。旧・美術出版サービスセンター 2016年9月1日より株式会社美術出版エデュケーショナルに商号を変更いたしました。旧美術出版グルー

salon_hiyake 2015/03/30

リンク

コンテスト公募コンペアワードコンクールの[登竜門] JDN運営

賞最優秀賞　賞金100万円主催公益財団法人愛知・名古屋アジア・アジアパラ競技大会組織委員会締切 2024年04月04日 (木)

salon_hiyake 2015/02/19

リンク

Webデザイナーのスキルアップに役立つ便利なチートシートのまとめ

先月は「Web制作時に備えておくと便利なチートシートのまとめ」でデベロッパ向けのチートシートを紹介しました、今回はデザイナー向けのチートシートをまとめました。 Photoshopの各バージョンに対応したショートカット、ブラシやペンツールの使い方、初期設定をはじめ、デザインの要素と原則、カラーセオリー、タイポグラフィ、グリッドシステム、レスポンシブなど、デザインの現場で役立つものばかりです。 Adobe Photoshop Keyboard Shortcuts Photoshop 5-7, CS1-4, CCまで、Win/Mac用のキーボードショートカットがそれぞれPDFでダウンロードできます。また、ショートカットがない便利な操作にショートカットを割り当てたショートカットファイルもダウンロードできます（チートシートでは「c」がついています）。

salon_hiyake 2014/08/21

リンク

DTP→Webデザイナー転向時に、これやったら捗ったよリスト13

元々DTPやってました自分は大卒でとある広告メディア系の会社に入ったんですが、ずっとDTP（エディトリアルデザイナー）の仕事をしており、正式にWebデザイナーに転向したのは2012年頃の話です。「このまま紙だけやっててもそのうち食えなくなっちゃうよなあ…」と思い、仕事のかたわらHTML/CSSをはじめとしたWebの勉強を始めました。一応HTMLかじったことはあるものの、知識は大学生の頃で完全にストップしており、floatって何？レベル。（テーブルレイアウト世代）一念発起したはいいものの、いざ勉強をしようとすると色々と問題が生じるわけですね。 Photoshopでデザインなんてやったことない、Illustrator使いたい呪文みたいなコードを延々と打つ作業がだるいうまく動かなくて一つのコード間違いで3時間潰れたりするのが辛い本屋行けば技術書、入門書はいくらでもあるけど、逆に何選べ

salon_hiyake 2014/08/06

リンク

デザイン仕様書(ガイド) の書き方(初歩用)

「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう！Yoshiki Hayama

salon_hiyake 2014/06/06

リンク

フォント管理 2014（OS X Mavericks＋Font Book.app編）｜DTP Transit

末尾に追記していますが、モリパス（MORISAWA PASSPORT）など、たくさんの書体をインストールされる方には不向きです。フォント管理はFontExplorer X Pro一択オシなのですが、有料でそれなりにすることもあり、検証に検証を重ね、Font Book.app編（OS X Mavericks）を作成してみました。フォント管理2013（10.8対応、FontExplorer X Pro編）パレートの法則よろしくインストールされているフォントの中で使うものは一握りです。デフォルトの状態では、OSやAdobe CS/CCなどでインストールされるフォントがすべて表示されるため、フォントメニューには使用しないフォントがたくさん表示されます。 IllustratorやMac OSを再起動せずに、フォントメニューに表示するフォントをコントロールできるように環境を整備する方法をご紹介し

salon_hiyake 2014/04/26

リンク

『難しくないデザイン効率化のすすめ』

1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。アメーバゲーム部門でデザイナーをしております吉田直由と申します。リリース直後からの1年2ヶ月の間、ガールフレンド（仮）でUIデザインの運用を担当しておりました。運用のフェーズになると大きく問題になってくるのが「業務の効率化」ではないかと思います。便利ツールの導入や、難しい技術の取得などもありますが、、、使い慣れない技術は逆に効率を下げる結果になってしまうのでは？　と、なかなか一筋縄ではいかない問題です。ガールフレンド（仮）デザインチームの場合、1年目～3年目の若いメンバーが多く、さらにメンバーの数も10人という大所帯でした。どう

salon_hiyake 2014/03/05

リンク

17qm.cn-主营企业,商号,行业域名出售转让-domain for sale

合适的域名是建立品牌的开始大企业往往选择与品牌名称相契合的域名，而很大一部分中小企业却不重视域名，往往随便注册一个，可不知却在无形中拉低品牌形象，降低客户的信任度，得不偿失。一个好的域名可以降低营销费用，提高企业形象，提升客户的信任度，不用过多的宣传，自然而然能被客户熟识接受。 01. 通过电话、短信、邮件、QQ 、微信方式联系我们，确定购买意向，商谈并确定域名价格。 02. 您可以通过域名注册商站内带价PUSH、淘宝、支付宝、微信、银行付款、对公转账或各大域名平台中介交易。 03. 收到买家款项后，会立即向买家进行域名过户操作，如买家要求转移注册商，我们可提供域名转移密码。 04. 如您需要可提供交易合同，普通纸质发票，交易完成，期待再次合作！顺祝商祺！在线沟通

salon_hiyake 2013/10/07

リンク