The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
「ビジネスとテクノロジーとデザインが、上流から一緒に仕事をすべき」「ビジネス感覚を持ち、テクノロジーを理解する、有能なデザイナーの存在が重要」とtakram design engineering 田川さんは語ります。 ICCカンファレンス TOKYO 2016に登壇したtakram田川さんとファクトリエ山田さんの対談の(その1)をご覧ください。 2016年3月16日開催 「モノづくりとデザインで切り開く日本の未来」 (スピーカー) 田川 欣哉 takram design engineering 代表 山田 敏夫 ライフスタイルアクセント株式会社 代表取締役 山田 敏夫氏(以下、山田) みなさん、こんばんは。よろしくお願いします。 今日は、ゲストでtakram design engineeringの田川さんに来て頂きました。まずは僕から田川さんに色々な質問をしていきたいと思います。さまざまな
(訳注:2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか? 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか? もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
ホームページ制作やブログ、プレゼンテーション用資料作成など、あらゆるデザイン案件でイラストやアイコンは、分かりやすく情報を伝えることができます。しかし、いざ必要な素材を探すとなると、時間がかかってしまうこともしばしば。そんなときは事前にいくつかデザインツールとして、お好みの素材をストックしておくことで、デザインアイデアやヒントにもなって便利です。 今回は、無料ダウンロードできるアイコン素材やイラスト素材を厳選して48個まとめてご紹介します。総アイコン素材数は、7000個!を超える新作アイテムばかりなので、幅広いデザイン案件に活用してみてはいかがでしょう。 全て無料!高品質で使いやすい新作アイコン素材まとめ Designer Workspace Illustrations PhotoshopやIllustratorなどを日頃から扱うデザイナーに特化した、イラスト・アイコン素材集。.Aiと.E
普段何気なく使用しているUIのアニメーションもその仕組みや効果を理解すると、なるほどと考えされられます。 スマホアプリのUIに使用するアニメーションをGoodな良いものから、Greatな素晴らしいものに変えるUIアニメーションのさまざまなアイデアを紹介します。 Material Motion, IBM Animation Principles, The UX in Motion Manifestoのガイドラインに基づいた、気持ちのいい操作性に優れたアニメーションを楽しむことができます。 Good to great UI animation tips 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 タブのコンテンツをスライドさせるアニメーション カードをタップして詳細を表示するアニメーション コンテンツを表示するアニメーション コ
通っていたサンフランシスコのデザイナー養成所Tradecraftの一番最初の課題で、アプリをピックアップして、見知らぬ人に声をかけてユーザビリティテストをして改善のプロトタイプを作って検証するーというものがあったのですが、そのプロセスをこの度記事にまとめてMediumに投稿しました。 するとGoogleのデザイナーが、なんとFoursquareの創業者のDennisにメンションしているではないですか。 Awesome, just shared with the team!— Dennis Crowley (@dens) 2018年3月9日 チームの人にシェアしてくれたみたいで、Foursquareのエンジニアの人からメッセージが届いたり、その日のうちに人事の人から「今ちょうどシニアプロダクトデザイナーのポジションを募集しているんだけど、興味があったら連絡待ってるよ」みたいなメールが届きまし
概要 Node.jsのモジュール読み込み ES6(ECMAScript2015)のモジュール読み込み Typescriptのモジュール読み込み ES6と同じexport/import export =とimport = require() /// reference path まとめ 概要 Node.js、ES6、Typescriptを一気に調べていたせいで、いろいろなパターンのモジュール読み込み方法に出くわして、ちょっと混乱したので、整理しました。 Node.jsのモジュール読み込み Node.jsのモジュール読み込みは以下のような形になります。 // node/myModule.js class myModule { constructor() { console.log('Hello, I am a module'); } hello() { console.log('hello!'
Web制作者やデザイナー向けの定番のアプリ・ツールをはじめ、あまり知られていない便利なものまで、macOS用のアプリとツールを紹介します。 制作者やデザイナーに限らず、macOSを便利にするツールもたくさん揃っています。 Awesome Mac -GitHub MITライセンスで公開されており、せっかくなので、翻訳してみました。 私が日常的に使うツールや、気になっていたツールも含まれており、こんなのもあるんだ!という便利そうなツールもたくさんあります。 エディタとIDE(統合開発環境) 開発ツール テストツール コマンドラインツール バージョン管理 データベース デザイン&プロダクト 仮想マシン コミュニケーションツール データ復旧 オーディオとビデオ オフィス・読み書きツール Ebookリーダー FTPクライアント ハイブリッドアプリ用のフレームワーク ダウンロードツール オンラインスト
デザイナーの方は経験がないでしょうか? 案件のサイト制作が進むにつれて「あれ、パーツにばらつきがあるな…」「この動きじゃないのに…」「もっと早くエンジニアに伝えていれば…」ページが出揃いだしてから微妙な差異に気付いたり、納期直前で指摘しづらくなってしまったり。かく言う私もそんな経験のあるデザイナーの一人でした。 ほとんどのサイトがデザイナー1人で作られているわけではありません。サイト規模、プロジェクト規模により、チーム体制も変わりますが、エンジニアやデザイナーが複数人でサイトを作り上げることも多いのではないでしょうか。フリーランスのデザイナーであれば外部リソースとのやりとりなどが必要になる場合もあります。 今回はサイト制作時に役立つだけでなく、公開後のデザインを長く保ち、サイト規模が大きくなるほど重要になるデザインルールを共有するための、スタイルガイドに着目したいと思います。 スタイルガイ
読みやすい本文テキストのカラー、分かりやすいリンクのカラー、目立たせたいボタンのカラーなど、Webデザインのカラーを決める時にもう一歩進めた良いコントラストのつくり方を紹介します。 Webデザインでカラーパレットを作成する時、カラーの組み合わせをコントラストのためにテストしていますか? テストをしてないのであれば、あなたのデザインはリーダビリティを考慮せず、潜在的なビジターを失っているかもしれません。 私はこれまでに数多くのプロジェクトでカラーコントラストとリーダビリティについて取り組んできました。いくつかの有用なカラーコントラストのアクセシビリティツールのおかげで、私は仕事をすることができ、それを多くの人たちと共有したい思います。 私はアクセシビリティの専門家ではありません。私の目指すところはシンプルで、最適な読みやすさを念頭においてカラーを選ぶことです。完全な説明が必要であれば、W3C
これだけあればpathやURLを指定する時に困ることはありません WordPressには便利なタグがたくさん用意されています。 たくさん用意されすぎていて 「小テーマへのパスは何で指定するんだっけ?」 「この関数は最後にスラッシュ付いたっけ?」 と、毎回検索して調べていたので、この機会にまとめを作りました。
webpack 3 を使って、簡単なウェブページを開発する手順を紹介します。あくまで一つの例です。 1つ1つ細かい説明はできていませんが、「だいたいこんなふうにして作ることができますよ」ということが伝わればいいなと思っています。 スポンサードリンク webpack 3 を使ったサンプルページ全てのファイルは、以下のページからダウンロードすることができます。 laboradian/webpack3-sample001: webpack 3 を使ったサンプルプロジェクトテストに関しては、Mocha を使った単体テストのみ行っています。 2. 注意事項サーバー側のプログラミング(PHP など)はありません。3. 環境OS Windows 10 Pro以下のアプリケーションがインストールされていることを前提としています。 Node.js 今回は、Windows 上での作業であるため、「Window
前置き - CSS 設計が難しい件について 誤解を恐れずに言うならば、CSS は変数も関数も条件分岐もない、ある種ゆるふわな言語(仕様)といえます。そのためプログラミング言語のように記述ミス一つで全ての挙動が止まるなんてことはありませんし、いくら冗長に記述しようがブラウザ上での挙動に差異が生まれることも殆どありません。ちょっと嗜めばそれっぽいものが作れてしまうので、マークアップエンジニアのいない小規模体制の組織であれば、サーバーサイドエンジニアやデザイナーが片手間で習得して実装してしまうというのも珍しいことではないでしょう。それでも良かったのかもしれません。これまでは…。 片手間で学習した知識というのはなかなか体系化されないものです。CSS も御多分に漏れずプログラミングのテクノロジーは日進月歩なため、その時は最新だった技術が僅か一年も経たないうちに廃れてしまい、バッドノウハウ化してしまう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く