文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
ココカラハジマル : 私家版「雑誌原稿書き方＿全111条」
本稿の改訂版をnoteにアップしています。項目別に整理しているので見やすいです。下のリンクで最新版をご覧ください https://note.com/cabanon/n/n379c454aad4f 昨日の【雑誌原稿書き方基礎講座】で使ったKeynoteに書いていたことを改変・再編集してアップします。全111条。僕が個人的に積み重ねてきたノウハウです。ライターだけでなく編集者としての心得も混じっています。仕事をしてきた出版社が違えば、このノウハウも違うものになったでしょう。だからあくまでも私家版です。デザイナーや建築家やアーティストや工学研究者の取材記事執筆を前提にした話であることをご了承ください。 ＊アップデート情報 ・全110条を全111条にしたり、第74条を追加して他を統合したりなど、こそこそ修正しているので、3/5にアップしたものとは少し変わっています（3/8記） ・95条の説明に奥義
2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstar
ウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しました。 ヤコブ・ニールセンのAlert Box ユーザビリティ・ユーザ調査の世界的権威であるヤコブ・ニールセン博士のナレッジを発表しているサイトです。 実際の調査結果、そこに対する考察も含め、とてもよくまとまっています。 アップル ヒューマンインタフェースガイドライン Max OS Xのためのインターフェース資料に始まり、アプリケーションをデザインしている間、心に留めておくべき基礎となるデザイン原則がまとまっています。 もちろん、Windows / Linusユーザーにとっても必見。 ユーザビ
ランディングページ集めました。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
Google、HTTPを補う高速化プロトコル「SPDY」発表
GoogleがWebページ表示をスピードアップするプロトコル「SPDY」を発表した。テストではページ読み込み速度が最高で64％短縮できたとしている。 米Googleは11月12日、Web高速化を実現するためのアプリケーションレイヤープロトコル「SPDY」（スピーディーと発音する）を発表した。Googleが目指しているWeb高速化の一環で、HTTPをサポートし、Webページ表示の遅延時間を最小限に抑えるという。 SPDYに関するホワイトペーパーによると、同社はSPDYとともに、同プロトコル対応版のGoogle ChromeブラウザとオープンソースのWebサーバも開発した。これらのアプリケーションをHTTPとSPDYで稼働テストしたところ、ページ読み込み時間が最高で64％短縮できたという。 SPDYはセッションレイヤーをSSLの上に追加するので、単一のTCP接続で複数の相互データストリームを並
情報アーキテクチャのデザイン: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日の「売れ続けるしくみとしてのブランド」では、ファンを育み、ブランド価値を高めていくようなブランド・マネジメントができない理由として「ちょっと複雑なしくみ＝システムを設計する力がないというのもあるでしょうね。設計する力がないというか、それをイメージして考えるためのスキルをもっていない」ことを挙げ、その欠点を補うためには「情報アーキテクチャの設計を学んでおくと役だつ」ということを仄めかしておきました。 ブランディングと情報アーキテクチャを関係づける考えというのは、僕のなかではずっと以前からあるもので、例えば3年前の2006年11月に書いた「ブランド・アーキテクチャとパースの記号論」といったエントリーでもそれらしいことを書いています。そんな風に考えるのは、ブランドにしてもイン
CSS で table に斜線を引く方法
CSS で table に斜線を引いてみました。下の表の左上の斜線に CSS を使ってます。 サンプル（クリックすればサンプルページに移動します） Windows XP + IE6 / IE7 / Firefox3 / Safri3 / Google Chrome で確認しています。 ポイントは以下です。 th 要素に position: relative; 斜線を引く要素（ここでは span）に position: absolute; を設定。 斜線（border）を適用する要素の前に を設定。 がなかったり、要素の後方に があると、th のスタイルが隠れてしまう。 クロスブラウザにするため、font-size や line-height など、いくつかのプロパティを設定。 HTML <table summary="data"> <thead> <t
カゴメのジュースに隠されたメッセージに感動 - エキサイトニュース
「たたんでくれてありがとう」 こんな言葉が目に飛び込んできた。カゴメのジュース『野菜生活』（200ml）を飲み終わり、パッケージをたたんだときのことだ。 写真にあるように、このメッセージはパッケージをたたんでみないと出てこない場所に書いてある。たたんだ人だけに贈られる言葉。なんてステキなんだろう！ なんだか嬉しくて、ほっこりした優しい気持ちになった。 そこで、さっそくカゴメ株式会社の広報部に問い合わせてみた。この企画をした、現・商品企画部長の高野仁さんをはじめ、社員の布川浩一さん、大谷紗貴子さんに取材することに。 まず、このメッセージを入れた経緯をうかがってみると、入れはじめたのは2008年9月頃。実は、その半年前に商品をリニューアルした際、最初は言葉ではなく、イラストを入れていたんだそう。 「『野菜生活』というブランド性を考えたときに、なにかちょっとした楽しみを提供したいと思い、たたんだ
ロゴデザインをする時に参考になるサイト60+ – creamu
DESIGNM.AGで、ロゴデザインをする時に参考になるサイトが紹介されています。 4つのカテゴリーに分かれてたくさんありますね。いくつかご紹介します。 ロゴデザインのインスピレーションが得られるサイト » Logo Faves » LogoGala » Logo of the Day ロゴをテーマにしたブログ » Logo Design Love » David Airey » Logo Designer Blog ロゴデザインチュートリアル » Zeeのロゴをillustratorで作る方法 » オバマ大統領のOのロゴの作り方 » レインボーカラーのロゴを作るチュートリアル ロゴに関する記事やケーススタディー » Henri Ehrhartのブランドデザイン » Miskeetoのブランドデザイン » Butterfield Photographyのロゴデザインプロセス よくまとまって
Dyson、“羽根がないのに風が出る”扇風機を発表
この扇風機は土台の部分に組み込まれたモーターを使って空気を吸い込み、その空気を飛行機の翼のような傾斜がついた輪から送り出す。空気が輪から出るときに、その気流に周囲の空気が引き込まれて、空気の流れが増幅され、空気が一定して途切れなく流れる。 Dysonは、この扇風機は羽根がないため安全で手入れが簡単だと述べている。上部が重く簡単に倒れることもある従来の扇風機とは違って、傾けることもできるという。 Dyson Air Multiplierは10インチと12インチのモデルがあり、価格はそれぞれ299.99ドルと329.99ドル。カラーは10インチモデルがブルー＆アイアンとシルバー＆ホワイトの2種、12インチモデルがシルバー＆アイアンの1種。米小売店やDyson.comで販売の予定。
使えるユーザビリティーガイドライン10 – creamu
遅いエントリーですが、Smashing Magazineで使えるユーザビリティーガイドラインがまとまっています。 ざっとご紹介しますね。 1. フォームのラベルはフィールドの上がベスト study by UX Mattersによると、フォームのラベルはフィールドの上が理想的とのこと。多くのフォームで、ラベルはフィールドの左に置かれ、2カラムのレイアウトになっている。いいデザインだが、最も使いやすいレイアウトとは言えない。なぜなら、フォームは一般的に垂直方向に並んでおり、ユーザーは上から下に向かって入力していく。ユーザーは視線を下の方向に向けていくのだ。そのため、ラベルが左にあるよりも、同じ方向にある方が認識しやすい。 2. ユーザーの視線は人の顔に向く Webページを見るとき、人の顔や目に視線が行く。マーケッターにとっては、注目を集める有効なテクニック。ユーザーは画像の中の人の視線が向いて
30 Professional Logo Design Processes Revealed | Creative Nerds
September 21st, 2009 Articles A collection of articles from logo designers who share their tips, tricks and secrets about the process they go through when creating a logo for a client. Including the process which Chris Spooner went through in order to redesign the design bump logo. 1. Logo Design Project Step by Step Walkthrough Project: myNiteLife Logo Designer: Chris Spooner 2. Step By Step Desi
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
フリー写真素材 Futta.NET - 無料の風景フリー画像
フリー写真素材として使える無料風景画像を3000枚ダウンロードできます。著作権フリー画像に相当し、あらゆる用途に自由に利用できます。 3000枚のフリー写真素材集 ようこそ 日本・海外旅行などでデジカメ撮影された写真素材をフリー(無料)で3000枚配布しています。 風景の写真がメインで、「外国の観光名所(世界遺産都市)、日本の街中の風景、自然風景」などの高解像度画像があります。 著作権フリーに相当し、無料で「デスクトップ壁紙、Web・ホームページ、背景・イメージ、印刷(年賀状)、商用」等に使えます。 ダウンロードできる種類 A.未加工写真：高解像度、中解像度、サムネイルの3種類があります。 B.デスクトップ壁紙：ご使用中のディスプレイ用に自動サイズ変更されたフォトを生成できます。 C.のべ30万枚以上の画像素材：「フレーム追加、イラスト化、バナー変換」等、100種類以上に1クリック編集でき
【マゴクラ】magocraft ダンボールインテリア生活
以下おきまりごとです。 このサイトのコンテンツ、画像、ダウンロード素材、作品デザインの諸権利をマゴクラは放棄していません。このコーナーに登場する作品について、個人で楽しむ以外の利用は、その一切を禁止しています。データの一部または全てを許可無く営利目的の使用、素材としての利用、再配布、改変することをお断りします。また、学校や会社などの団体がその団体名義で製作・利用する場合は、作品の有償無償を問わずご相談ください。
プログラマの麻疹 - 宇宙行きたい
id:t-wada と話してた時に出てきた「プログラマの麻疹」 プログラマはみんなどうせかかるんだから早めにかかっておいた方が良い そしてかかっておくと治った後にはさらに良いコードが書けるようになるので 恐れずにかかりましょう 名前 症状 僕の状態 OO 厨 多分、現在一番キャリアが多い。一時期 AOP 厨になってしまった人も含むことがある。Smalltalk を神格化し始める かかり中 function 厨 最近増えてきた。マルチコア時代に最適というわかりやすい感染源ができたことも要因の一つ。LISP が世界を作っていると信じる 挫折中 三項演算子厨 どんどんネストした三項演算子を書いてしまう。気がつくと自分でもよくわからなくなってることもある 治療済み テスト厨 テストのためだけにコードを書いてしまう。プロダクトコードのきれいさよりもテストのしやすさを求めてしまう 治療中 lambda
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tips To Make Life Easier -Techtiertips
bookma! - 404
http://www.designwalker.com/2009/10/illustration-tutorials.html
アニメ製作現場のお話