マガジンのカバー画像

デザイン

10
運営しているクリエイター

記事一覧

Adobe XDでグリッドシステムのレイアウト枠を作る - グリッドシステムを使ったレイアウトとレスポンシブWebデザインについて

Adobe XDでグリッドシステムのレイアウト枠を作る - グリッドシステムを使ったレイアウトとレスポンシブWebデザインについて

この記事では非コーダー向けに、グリッドシステムを使ったレイアウトとレスポンシブWebデザインの考え方、AdobeXDでレイアウトグリッドを作る時の操作方法について書きます。

AdobeXDの内容は初見で触ってみて自分なりに模索した方法なので、他に良いやり方があればご教授ください。

グリッドシステムとはWebデザインに於いて、横並びの要素を配置する時「要素の幅はどれくらいか?」「要素同士の隙間は

もっとみる

全体を見渡し、欠落を見つけ、それを補おうする力

阪神大震災のとき、現役京大生が救援物資の在庫管理を担当。すべての物資の種類、数を把握し、1500名いる被災者の消費量を計算してどの物資がどのくらい不足するかを予測し、ボランティアに的確に指示を出すので「歩くコンピューター」と呼ばれ、被災者の子どもたちに人気だった。

しかし1500人もの人たちを支える救援物資の膨大さ、しかも全国から送られる救援物資は、ダンボール箱を開けてみないと入数と種類も分から

もっとみる
テキスト(文章)の役割ってなんだ?

テキスト(文章)の役割ってなんだ?

 人にものを伝える時に必要なテキストとはどんなものなのでしょうか?

 文章というのは人に「情報」を伝えるためのツールです(時に自分に伝えるためのメモ書きなどもありますが)
これはメモであったり、議事録であったり、記事であったり……。
これは現実にあったこと、目先の役に立つ情報を伝えることを優先する文章です。伝えたい内容がきちんと伝わらなければ、テキストとして役に立ちません。誤って伝わってしまえば

もっとみる
デザインラフ、公開します

デザインラフ、公開します

僕にとって、デザインのプロセスの中でもアナログなラフ描きが欠かせません。手描きに込められた線には能動的な意思があって、それが結果的にデザインに宿ると思うからです。手描きラフに着手した途端に没入して元気さえでてきます。ああしたいこうしたいと、言葉や素材を吟味しながら「体重のせて描く」感じがいいのですよね。

そしてそのラフは、必ずとっておきます。手描きのラフは何回も書き直すので、思考とブラッシュアッ

もっとみる
デザインなんて知らない〜僕らの考えるモノの価値〜

デザインなんて知らない〜僕らの考えるモノの価値〜

2019年の7月頃。

東京工業大学の学生さんから、こんなメールをいただきました。

「うちの学生は機能と価格のみに価値を置きがちです。でも、御社が作り出す製品の価値は、それだけじゃない気がするんです。それは何なのか。それはどうすれば作り出せるのか。その点を東京工業大学でお話いただけませんか?」

せっかくの機会なので、僕たちアイドントノウと、僕たちがいつもお世話になっているお店アシストオンさんと

もっとみる
読みやすい文章のために、極力削るべき言葉リスト

読みやすい文章のために、極力削るべき言葉リスト

最近note書く人増えましたね。新年を迎え、新たに始めてみようって人も多いんじゃないでしょうか。

仕事で文章チェックしていて、削ったほうがスマートになる言葉をいくつか書き溜めてきたので、文章デビューする人のために一挙放出しちゃいます。

「私」「僕」などの一人称
あなたが書いてることはわかっているので、入れなくても伝わる流れであれば削ってOKです。

mina最新号の表紙タイトルを見て、僕ははっ

もっとみる
「という」と「こと」を減らすだけで、文章はぐっと読みやすくなる

「という」と「こと」を減らすだけで、文章はぐっと読みやすくなる

と思っている話です。もはやタイトルでぜんぶ言ってしまった。
せっかくなのでもう少し続けます。

2020/05/03追記:第二弾?書きました

なぜこの記事を書こうと思ったか。
先日、執筆した「はじめてのUIデザイン」の一般販売がスタートしまして。

この本がまだ初稿になる前、共著者のみなさんと執筆真っ最中の頃に何度か打ち合わせがあったのですが、そこで「書籍的な文章を書き慣れてない人って、"という

もっとみる
文才の有無に関係なく、誰でもそれなりに整った文章を書くコツ

文才の有無に関係なく、誰でもそれなりに整った文章を書くコツ

 文章の書き方に正解はない。

 ただ、ちょっとした「コツ」みたいなものはあると思う。

 僕は会社に入ってから9年間、「週刊文春」と「文藝春秋」の編集部で、文章に携わる仕事をしてきた。

 たかだが10年足らずの経歴で何を偉そうに、と思われる方もいるかもしれないが、最近になってようやく、「文章を書くコツみたいなものがあるのではないか?」ということに気がつき始めた。

 もちろん一流作家のような芸

もっとみる
#プレゼン知恵袋(001-009)

#プレゼン知恵袋(001-009)

#プレゼン知恵袋 のハッシュタグでツイートしています。

PCの画面ではなく、会場の状況に応じてレイアウトを調整する
天井の低い会場、スクリーンが小さめの会場では、前の人の頭部でスクリーンの下部が欠ける。そのため、天地中央においても中央に見えない。
PCの画面ではなく、会場の状況に応じて調整が必要。

--- ✂ --- ✂ --- ✂ ---

フォーマットを疑おう(タイトルや会社名などは発表

もっとみる
[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる!アートディレクション15の定番パターン

[デザインが苦手なウェブディレクター向け] これだけ覚えればデザイナーに指示できる!アートディレクション15の定番パターン

ウェブデザイナーが作った成果物に対して、満足はしていないのだけどうまく言語化できなくてどうやって指示したらいいか分からない、あるいはクライアントからのフィードバックをどう咀嚼して伝えていいか分からない、結果的にデザイナーを上手くディレクションできていない.......。そんなお悩みをもったウェブディレクターいませんか?

ここでは実際のデザインを見た時に感じること・あるいはクライアントが指摘しがち

もっとみる