「ユーザーを理解するって言うほどカンタンじゃないよね」 UXデザイン・UXリサーチをもう一度ちゃんと理解しよう!Yoshiki Hayama
![デザイン仕様書(ガイド) の書き方(初歩用)](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e2022b8233694766baa480a7d46a8509fc2912a/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fassistorpsweb10final-140520082804-phpapp01-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
第25回 岡山WEBクリエイターズ「パララックス / CSS / タイポグラフィ 再入門」にて講演。[2014-04-19] ちょっとした工夫で“普通のテキスト”を“デザインされたテキスト”に変えることができます。今までのWEBデザインではデバイスフォントという制約もあり、DTPと比べるとタイポグラフィはあまり重要視されてきませんでしたが、高解像度のデバイスやウェブフォントの普及などにより、その必要性は高まっています。適切で根拠のあるテキストの扱い方を学び、あなたが制作するデザインに自信つくよう、DTP・WEB両方のデザイン経験を元にタイポグラフィと文字組版の基本を解説いたします。Read less
末尾に追記していますが、モリパス(MORISAWA PASSPORT)など、たくさんの書体をインストールされる方には不向きです。 フォント管理はFontExplorer X Pro一択オシなのですが、有料でそれなりにすることもあり、検証に検証を重ね、Font Book.app編(OS X Mavericks)を作成してみました。 フォント管理2013(10.8対応、FontExplorer X Pro編) パレートの法則よろしくインストールされているフォントの中で使うものは一握りです。デフォルトの状態では、OSやAdobe CS/CCなどでインストールされるフォントがすべて表示されるため、フォントメニューには使用しないフォントがたくさん表示されます。 IllustratorやMac OSを再起動せずに、フォントメニューに表示するフォントをコントロールできるように環境を整備する方法をご紹介し
Stop writing code, start drawing it. Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool. "The superhot web design tool of the future." Built for today's web designer Responsive Set breakpoints and optimize your site for all devices. Typography Pull in web fonts or use system fo
川島:石井先生は、マサチューセッツ工科大学(MIT=Massachusetts Institute of Technology)のメディアラボ(MEDIA LAB)にいらっしゃいますよね。この連載は「ダサい社長が日本をつぶす!」というタイトルなんです。日本の企業が作っている製品やサービスのデザインが、かっこよくなくなってきている。それはなぜなのか、どうしたらもっとかっこよくなるのかということについて、さまざまな方にインタビューしているものです。 石井:「ダサい社長が日本をつぶす!」。凄いタイトルですね。 大前提が間違っている 川島:日本人デザイナーの中には、アウディの和田智さん、ピニンファリーナの奥山清行さん、アップルの西堀晋さんなど、海外の一流企業に籍を置いて活躍してきたデザイナーがいる。石井さんもMITのメディアラボで副所長として、またメディア・アート&サイエンスの教授として、ハイレベ
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ(特にIE7・IE8など)によっては動きや見栄えが説明と異なる場合があ
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演(アウトリーチ活動)の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者(研究仲間や審査員、一般市民)へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
2012年11月にイノベーションを生み出す場のつくり方、スタンフォード大学d.schoolの研究・実践書「make space」を出版したが、場とともにイノベーションの生み出し方のメソッドを知り、実践したいとの要望が多く寄せられ、同じくスタンフォード大学 d.schoolのイノベーション教育の中核である「デザイン思考」を実践するガイドを株式会社イトーキ オフィス総合研究所と一般社団法人デザイン思考研究所にて作成しました。 目次 はじめに デザイン思考の概要 第1章 理解 ステップ1:チームビルディング ステップ2:課題設定 ステップ3:知識の把握 ステップ4:観察対象の設定 第2章 共感 ステップ1:観察 ステップ2:インタビュー 第3章 問題定義 ステップ1:情報整理 ステップ2:ストーリー抽出 ステップ3:問題定義 第4章 創造 ステップ1:テーマ設定 ステップ2:アイデア創造 ステッ
今回はちょっといつものニュースネタから離れまして。 これからネットショップを作りたい! ・・・でも作り方が分からない と言う方も多いもので、実際に作り出していくと思ったよりも簡単に感じられるものですが、それでも準備しておきたいもの。知っておきたいことは数多くあるものです。 と言うわけで、今回はここを見ればとりあえず、ネットショップの準備を進められる(かもしれない?)情報を集めてみました。 ショッピングカートについて これは「何をどう売るか」で多少変わってくるものですが、無料で始めたいなら 「BASE 」「STORES.JP」「Zerocart」あたりが有名です。 すでにサーバーをお持ちであれば、ロリポップの「カラーミーショップミニ」などでもいいでしょう。 高度と言うか、しっかりと作りこみたいなら「カラーミーショップ」「おちゃのこネット」のような安価なサービスなどもありますし、ワンランク上を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く