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

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

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

もっとみる

ポートフォリオサイトをリニューアルしました! (技術的な解説あります)

はじめに

1年以上前から考えていた、ポートフォリオサイトのリニューアルがやっとできました。

といっても今回はまだシンプル版のリリースで
そのうちWebGLを組み込んだリッチ版をリリース予定です。

以下のサイトが以前のポートフォリオで、機能的にはまだ生きているんですが3年前に作ったもので技術も古く、あまり見せたくなくなってしまったのでこのサイトは更新せずに、お仕事のリリース報告などはSNS上で

もっとみる
ありがとうございます!あなたの「スキ」が力になります。
10

[画像追加] Koga Sansはいいぞ #ostd2019

こんにちは、デザイナーの関口です。日本デザインセンター オンスクリーン制作室 というチームに所属しています。今回は、自分のサイトのブログ記事を、チームのnoteマガジン「ギンザウェブ」へ寄稿しています。

───

まだ一般流通していない書体(制作者)にオファーをした

先日「ON-SCREEN TYPOGRAPHY DAY2019」というイベントを知人のデザイナーと二人で共催しました。イベントそ

もっとみる

from bookmark to favorite - 2019.04

JavaScript

with Shadow DOM
- Encapsulating Style and Structure with Shadow DOM | CSS-Tricks

shodow DOM を解説しつつ、ダイアログをつくる。

don’t need input number
- You probably don’t need input type=“number”

マウスホイ

もっとみる

初めての書籍『ウェブデザインの思考法』が発売されました!

この度、初めて執筆した書籍がマイナビ出版社より出版されることとなりました!

コリスさんにもたっぷり紹介いただいています!ありがとうございます。

今回は、こちらに本書籍の内容と、執筆に至るまでの背景について書いてみたいと思います。

デザインにまつわるノウハウ本は多くあるが、ウェブデザインの定義について言語化したガイドブックが不在である

デザインのノウハウ集やTipsを集めた書籍はわりとありま

もっとみる

from bookmark to favorite - 2019.01

これは、日々の Web 制作で生まれたブックマーク集です。時事的に新しい記事もあれば、そうでないものもあります。引き出しやすいようにメモも付けておきます。

JavaScript

DeviceMotion event
- Shiny, Simulating Reflections for Mobile Websites

スマホのジャイロを利用したリフフレクション、safari では使いにくくな

もっとみる

bookmarks 2019.05.07

かなり久々の更新になってしまいました。
そのサイトがすごいのはもう知ってるよ!的なものも多いかと思いますが、備忘録も兼ねて。

・・・

Futuraが効いている、シンプルだけど洗練されたデザイン。

日本語フォントのチョイスとサイトのトンマナのバランスが取れている。
アニメーションも楽しげ。

ひたすら写真を歯医者さん。構成が斬新。

スマホ版でこの位置のメニューはブラウザだとどうしても2回タッ

もっとみる

from bookmark to favorite - 2018.12

これは、日々の Web 制作で生まれたブックマーク集です。時事的に新しい記事もあれば、そうでないものもあります。引き出しやすいようにメモも付けておきます。

JavaScript

web speech API
- たった 17 行のコードで音声自動文字起こしを実装する - Qiita

JavaScript の web speech API で Chrome で動く自動文字起こしの実装。

op

もっとみる