デザイナーとエンジニアのコミュニケーションプロトコルを設計する 〜はてなブックマークアプリDark Mode実装の現場より〜 - Hatena Design Group
こんにちは！はてなデザインチーム所属のid:cormorantcraftです！ 先日、配信させていただいたはてなブックマークiOS版のDark Mode、みなさん使っていただけているでしょうか？ 今回はそのDark Modeの実装にあたって、デザイナーとエンジニアのコミュニケーションをどのように行っていたかという点にフォーカスしてお話しさせていただければと思います。 コミュニケーションプロトコルの設計 いきなり「コミュニケーションプロトコルの設計」って言われても？ という声が聞こえてきそうですが、Dark Mode実装の上で平たく表現すると「色を指定するデザイナー」と「色を実装するエンジニア」の間の意思疎通の枠組みを作ることです。 これをしないで進行してしまうと、デザイナーとエンジニアの間で手戻りが多数発生したり、精神的にお互い疲弊したりチームの雰囲気にも悪影響が出たりしてしまいます。気持
うまく使えば今っぽいデザインに！グラデーションを取り入れる前に知っておきたい基本
デザインの世界で現れるトレンドには波がありますが、一度過ぎ去ったトレンドが再びやってくることがあります。 絵画における前衛芸術や、プロダクトデザインにおけるポスト・モダン作品などが挙げられますが、Webデザインの世界においてもフラットデザインと呼ばれる表現様式が再来したことがありました。 そして、もうひとつ盛り返しているトレンドがあります。 それがグラデーションを使ったデザインです。 画像全体にかけるオーバーレイ部分に大胆にグラデーションをかけることもあれば、UI要素にかすかにテクスチャーとして採用する場合もありますが、特定の2色をつかったグラデーションエフェクトは今もなお健在です。 しかし、Microsoft Wordでワードアートにかけるようなオーバーレイとは違った使い方もします。 今回は、グラデーションを取り入れるときに知っておきたいことをご紹介します。 グラデーションを取り入れる際
Photoshop：Web用に保存の「カラープロファイルの埋め込み」って？ - デザインメモ
Photoshopの「Web用に保存」の設定をなんとなくやっていませんか？ 私もそのうちの一人です。今日からその“なんとなく”とおさらばするために、今回は「カラープロファイルの埋め込み」について調べてみました。 目次 1、チェックなしすると画像の色が変わってしまう 2、カラープロファイルについて 参考資料 カラープロファイルを使用した画像は、「カラープロファイルの埋め込み」にチェックを入れて保存する必要があります。 1、チェックなしすると画像の色が変わってしまう 環境やデバイスによって、画像の色が変わってしまうことがあります。 下図は、実際にGoogle ChormeとSafariで画像を表示して、色を比べてみたものです。カラープロファイルを埋め込まなかった方は、Google Chromeでカラーコードの数値が微妙に変わってしまっています。 2、カラープロファイルについて 2-1、カラープ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こんなに映像の雰囲気が変わる！カラーグレーディングは大事！と思わせるデモ映像 | CGトラッキング 世界のCGニュースを集めてみる
