2018年3月15日 XD, スマートフォン, 便利ツール 先日発表された、Adobeのプロトタイピングツール、Adobe Experience Design（Adobe XD）。Sketchライクなシンプルなグラフィックツールです。なにやら面白そうだったので、早速つついてみました。デモとして、簡単にチャットアプリのプロトタイプを作ってみたので、使用感とともに紹介します。 ↑私が10年以上利用している会計ソフト！ Adobe Experience Design（Adobe XD）って何？ Adobe XDはアプリやWebサイト等のデザインに使えるグラフィックツール。ただグラフィックが作成できるだけではなく、クリックやタップで次の画面に移動し、実際に動作しているようなプロトタイプも作成できます。それだけの機能がついて、なんと無料です！ 残念ながら今のところMac専用ツールですが、今年中にWi

サイトをレスポンシブ対応にするには、デバイスごとのスクリーンサイズ、フォントや画像のサイズだけでなく、クリックとタップ、スクロールとスワイプなどの機能性、そして見た目もサイズだけでなく、配置やトリミングなど、さまざまな取り組みがあります。 レスポンシブデザインにすぐに使える制作テクニックのすごいアイデアを紹介します。 Responsive web design: What the Internet looks like in 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 01. 空白スペースを効果的に使う 02. ロゴの配置を一貫させる 03. 縦置きと横置きを考慮したデザイン 04. 縦長スクロールページの素晴らしいアイデア 05. 指のタップに合わせた形と大きさ 06. レイアウトにレスポンシブ用の微調整 07. 一行

実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f

fireworksの開発が終了し、WEB制作に便利なドローイングソフトとして脚光を浴びているSketch。 最初はfireworksの代替品程度の認識でしたが、シンボル機能、スライスを切らなくてもシンボルがスライス化される機能などなど、非常に便利な機能が揃っています。 IllustratorやPhotoshopはまだまだ必要なポイント、機能があるとは思いますが、きれい目なワイヤーフレームにパーツを乗せてカンプ化、そのまま切り出しなどという基本的なデザインワークフローを実現するのに便利な機能が盛りだくさんの注目アプリケーションです。 先日のgulp勉強会で、sketchで作っているデザインを編集、保存するだけで画像やフォントが書き出され、gulp経由でブラウザもリロード！みたいな便利な機能紹介もあり、思わず買ってしまったため、日本語でsketchについて解説しているページや記事を自分用のメモ

Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.

If you like Calltoidea, let's trythe first community for link lovers.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

なるほど。JR西日本が始めた酔っ払い線路転落防止策が海外で話題2015.04.01 19:0013,722 satomi 春はお花見。酔っ払いがホームから落ちるシーズンですね。 シーズン到来に先駆けてJR西日本が今年こそは！と新大阪駅のホームでちょっとした｢デザインのひと工夫｣を始め、海外からも｢へ～｣の声が集まっています。 神戸新聞が伝えた国土交通省の統計によりますと、酔客の鉄道人身事故は全国で2013年までの10年間で4倍に激増中なのだとか。そこでJR西日本の安全研究所ではこの2年で京阪神、大阪市交通局の防犯カメラに残った事故映像136件を見て、酔客が線路に転落したり電車に接触するまでの動きを調べてみました。 ふつう｢酔っ払いの転落事故｣と聞いてみんながイメージするのは、｢線路と平行にちどり足で歩いていて足を踏み外す｣パターンですよね？ ところがいざ調べてみるとそれは意外にも少なく、約

インターネットでサービスを利用したり、ソフトウェアをインストールしたりするときに必ずといっていいほど表示されるのが「利用規約」ですが、長すぎる利用規約の隅から隅までに目を通してから「同意する」にチェックを入れる人は少ないもの。しかし、アーティストのFlorence Meunierさんは、独自の手法でiCloudの利用規約に隠されたメッセージを浮かび上がらせ、利用規約の重要性について説いています。 FPO: "The Man who Agreed - Apple Terms and Conditions" Booklet http://www.underconsideration.com/fpo/archives/2015/01/the-man-who-agreed---apple-terms-and-conditions.php 黒いラインで文章が塗りつぶされた冊子の表紙。塗りつぶされてい

｢デザインって速いんですよ｣次世代ヤンマーの姿を佐藤可士和さんに聞いてきた2014.11.28 20:0010,505 武者良太 ｢百聞は一見にしかずなんですよね｣という言葉にハッとしました。 1912年、明治45年生まれの農業機器メーカー、ヤンマー。日本の、そして世界の農を100年以上も支えてきて、これからの100年も、 Oculus Riftでコントロールする次世代ロボットショベルカーや、 未来の農業を見据えるという意思表示。ヤンマー新社屋、落成でご紹介した未来型トラクターなどでサポートし続けるとのメッセージを出していますが、 ｢ヤンマーは機械屋ではない｣ といった表明もしています。 100年以上も続いた農業機器メーカーが考える、これからの100年とはいったい。そこには一人のキーマンの存在がありました。 クリエイティブディレクター、佐藤可士和さん。数々の企業のブランド戦略、クリエイティ

photo by Abee5 こんにちは、はてなデザインチームのid:murata_sです。 人の家にあがったらやっぱり最初に本棚をみてしまいますね。どんな本読んでるんだろう？　何に興味があるのかな？　気になります。本選びには、その人の個性がすっごく出てきますね。 やっぱり気になるデザインの本 はてなのデザイナーは、普段ウェブのデザインをしていますが、ちょっと道端で話をしたりすると、ウェブ以外のデザイン情報にも造詣が深いんです。あれやこれや何でも出てきます。良い本知ってそう！　ぜひ聞きたい！　ということで…… 善は急げ、さっそくお気に入りのデザイン関連本を聞いてみました。いろいろ紹介したい人もいるようですが、今回は一人一冊です。 注：一見するとデザインとは関係のない本が並んでいるようにみえるかもしれませんが、いまデザイナーとして活躍している上で大きく影響を受けた本ということで選んでもらって

気になる記事をスクラップできます。保存した記事は、マイページでスマホ、タブレットからでもご確認頂けます。※会員限定 無料会員登録 詳細 ｜ ログイン ブランドや商品を多くの人に知っていただくには、露出を増やすのが大きなポイントになります。しかし、広告を制作してメディアに掲載するとなると、どうしても費用がかかります。インターネットの普及でコストを抑えて広告を出せるようにはなっていますが、それだけではなるべくたくさんの目にとめてもらうのは難しいようです。やはりマス4媒体（テレビ・新聞・ラジオ・雑誌）との相乗効果を生み出していく必要があります。 頭では分かっていても、「マス4媒体に広告を出す予算なんてない」という企業も少なくないでしょう。私が代表を務めるワグ（東京都渋谷区）でも、同じような悩みを抱えていた企業からの相談がありました。日本酒「Ohmine（オオミネ）」を製造・販売している大嶺酒造（

ペプシとコカコーラのロゴの変化の推移がよく分かる図です。ペプシとコカコーラのロゴの長い歴史の中での変化の違いがよく分かります。100年以上変わっていないコカコーラのロゴに対して、ペプシのロゴはめまぐるしく変化しています。 詳細は以下から。 Pepsi vs. Coke logo evolution 1898～1940年のペプシのロゴ。古めかしくシンプルな感じ。 1950～1973年のペプシのロゴ。青色が入って少しだけカラフルになっています。 1991～2008年のペプシのロゴ。よく見るロゴですね。 ペプシに比べてコカコーラのロゴは変わっていません。 全てを並べてみたらこんな感じになります。

普段何気無く目にしている書体 ―「フォント」 想い、イメージ、情報。 言葉を選ぶように、服を選ぶように、 デザイナは「フォント」を選ぶ。 だけどもこれまで、インターネット上で 「日本語フォント」は自由に選べなかった。 「Webフォント」は2バイト圏の日本では絵に描いた餅だった。 デザイナは1バイト圏を指を咥え眺める日々を過ごした。 しかし今、ようやく、 実用に耐えうる、日本語Webフォントサービスが始まった。 僕達はフォントの自由を手に入れる。 ようこそ、日本語のウェブの美しい未来へ。

ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン