The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
デザイナーさんと昼飯を食っていたら急に「どういうデザイナーとだと仕事しやすいですか?」と聞かれ、しばらく考えて色々話したけれどいい感じに伝えられなかったのでここに書き出しておきたい。 先に言っておくと、これはデザイナーさんの良し悪しの話ではなく、あくまで自分の経験的にこういうことを意識してくれていると楽だったなーやりやすかったなーという感想でしかない。人によって仕事のスタイルが違うのは当たり前だし、やり方を強要するつもりはない。ただ、お互いにこういう振る舞いだと仕事しやすいというのを伝え合うのは大事だと思うので、あくまでこういう風に考える開発者もいるんだなぁくらいにとらえてもらうのがいいのかもしれない。 1回目に見せるラフを作るまでがとにかく速い 人に見せる時に、今の完成度やどういう粒度のフィードバックを期待してるかを先に伝えられる 何かフィードバックを受けた時に、なぜ自分がそうしたかを論
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
他に何がほしいってんだ、クソ野郎 お前はウェブサイトを作ってその糞サイトを最高だと思ってるんだろ? お前は13MBに及ぶパララックスエフェクト付きのクソ重いページがアホらしいグッドデザイン賞をとるとでも思ってるんだろ? お前は20kgあるjQueryファイルと83個のpolyfilがIE7をまともに動作させると思ってるんだろ? どアホ、お前は間違っている。俺様が俺の考える最強のウェブページを教えてやる。 クソ軽量でクソ速いページ 全てのデバイス幅に対応できる どんなうんこブラウザでも見た目が一緒 お前のサイトに訪れるどんな糞野郎でもアクセス可能 読みやすく伝えたいことが明確(もっともお前が5MBサイズのシャレオツなコーヒー写真ではなくて伝えたいことがあればの話だがな) よく聞け、糞野郎ども お前らはハッキリ言ってオーバー・デザインだ。この史上最強のウェブサイトを見てみやがれ。俺がごみコンテ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……? 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
ビジネスシーンにおいて重要なコミュニケーション方法といえば「メール」です。メールを使うならしっかりと署名を活用したいものですが、署名を使っていないという方も多いのではないでしょうか。 署名とは、メール下部に送信元の情報をまとめて記載するもののことで、企業名・部署・氏名・メールアドレス・ホームページのURL……といった情報が入っています。 メールは、多くの方がほぼ毎日目をとおすもので、署名を明記しておくことで相手に自分のことを印象付けることができます。言ってみれば「名刺」のような存在であり、わかりやすく必要な情報を記載することが重要となります。 メール署名は毎回作る必要はありませんので、一度作成し、挿入できるように設定しておきましょう。また、デザインを考えるのが面倒という方には、メール署名のテンプレートを活用することをオススメします。 今回は、メールの署名"イケてる"デザインテンプレートをま
東京デザインウィーク(TOKYO DESIGN WEEK 2016)で発生した火災で、5歳の子どもが焼け死んだ事件を覚えているだろうか?あれから2か月以上経過して、その後どうなったのかを調べようとしたら、なんかもういたたまれない気持ちになった。 東京デザインウィークのトップページに掲載されてたはずの「お詫び」のメッセージは、いつの間にかなんだかよく分からない「弊社社員が配信したメール」のお詫びに差し替わってた。事故後に掲載されていた本来のお詫び文(前略で始まる奇妙な文章がお詫びなのかは分からないが)は、なぜか「お知らせ」に移動されてる。子どもが、親が観てる前で焼け死んだのを「お知らせ」で片づけてしまうのって……。なんか、気分が悪い。 事の経緯は、年末に東京デザインウィークの社員とボランティアのひとたちが、忘年会を開こうとしてたんだってさ。悪いけど、個人的にはそんなことどうだって良い(本来ど
先月末、藤井さん の働く株式会社ザッパラスさん にお邪魔して、レスポンシブWebデザインの基本のキ的なお話しをさせていただきました。 題して「もう、レスポンシブでいいんじゃない?」 いま、改めてレスポンシブWebデザインについて考えるきっかけになれば、という視点で内容をまとめてみました。 4年前に「レスポンシブWebデザイン 制作の実践的ワークフローとテクニック 」という本を執筆したんですけど、そのころからウェブ制作のデフォルトはとりあえずレスポンシブでいいんじゃない?と思っていたのですが、最近、その思いがより強くなっています。職場のウェブサイトをレスポンシブでリニューアルしてから約5年が経ちますが、やっぱり、あの時レスポンシブを選択しておいてよかったとつくづく感じています。おかげで、Googleさんがモバイルインデックスを優先するという昨今のニュース にもあまり翻弄されなくてすんでいます
※本記事はアフィリエイトプログラムによる収益を得ています 発売当初、本体に「総務省指定」の文字が刻印されたことが賛否両論を呼んだ「iPhone 7/7 Plus」(関連記事)。「ダサい」など否定する声意見もあがっていましたが、この文字をあえて大きく表記したiPhone 7専用クリアケースが11月に発売されました。逆転の発想。 あえて目立たせていくスタイル 本体にケースをはめこむと、背面のリンゴマークのすぐ下あたりに「総務省指定」の5文字がバーンと記されるデザイン。ちゃんと「MIC/KS 第EC-16007号」の文字も併記されています。サイズはリンゴマークよりも大きく印刷されていて抜群の存在感。「総務省指定」ってむしろかっこよくない? と思っていた人にはもってこいなのでは。 本体のカラーに合わせて使えるよう、文字の色は3種類 開発元のITC Ltd.によると、「『シン・ゴジラ』など漢字の名前
スイス発のプロダクト「SLICKS」。クラウドファンディングでプロジェクトスタートしたばかりのリュックの魅力を柿次郎が熱く語ります。2泊3日の出張やトラベルに最適な革命的な機能…まじで捗ります! どうも、こんにちは! 年間20〜30回、地方出張で全国を飛び回っているジモコロ編集長の柿次郎(@kakijiro)です。 先日も長崎県の五島列島に2泊3日で取材してきたばかりなんですが、さすがに1年半ぐらいこんな生活をしていると旅レベル&荷物のパッキングレベルが上がります。とはいえ、最低限の服装、荷物。そして取材に欠かせない資料、カメラ、バッテリー、充電ケーブルなどなど…そこそこ量が多くなるのは否めません。 日々、荷物との格闘。いかに効率を上げるかが順調な取材旅行につながります。 え? このリュックですか?気になる? これみよがしにアピールしているのバレてる…? 実はこれ…これから日本上陸予定のス
日本には美しい建物が数多くありますよね♪ 一方であまり知られていない、不思議な建物も全国各地に存在します! 今回は不思議な魅力を放つ、日本の建物をご紹介します♡ 国宝にも指定されている、日本の不思議な建物をご紹介します。 鳥取県にある「三徳山三佛寺」(みとくさんさんぶつじ)の奥院、「投入堂」(なげいれどう)です。 投入堂は、垂直に切り立った絶壁のくぼみに建てられている建築物です。 修験道の開祖である役小角(えんのおづの)が、法力によって平地から投げ入れたという伝承が語り継がれています。 投入堂を間近で見るためには、厳しい山道を登って行くしかないそうです……! 三徳山のふもとにある投入堂遙拝所から、望遠鏡で投入堂を見ることもできますよ♪ ◆三徳山三佛寺投入堂 住所:鳥取県東伯郡三朝町三徳1010 TEL:0858-43-2666 続いて、大阪府大阪市にある不思議な建物「梅田吸気塔」をご紹介し
「Ombré(オンブレ)」とはここ数年、海外セレブたちが火付け役となって人気になったオンブレヘアーの美しいグラデーションで、特定の2色間をグラデーションでつなぐデザインです。ロゴデザインではこのグラデーションをベクターベースの面白い形状で色分けして利用しています。 Circles 完璧と無限を表現する美しいサークルは、非常に人気が高いデザイン要素です。最近のトレンドは、サークルの上にサークルを重ねたり、繰り返して使用しています。こういった幾何学的な形はシンプルであればあるほど良く、要素に区別をつける時にはフラットにしたり透明にしたり、グラデーションにしても効果的です。 Half and Half
忙しい人のためのサマリ 「傘を持って行った方が良いか」教えてくれるLINE Botを作ったので、コミュニケーション設計として重要だった3つの考え方を書きました。「入力方法」「返答方法」「名称やキャラクター設定」を考えたら、コミュニケーションプラットフォームでBotサービスを作るときに大切にしたいことが分かりました。 カサいる? LINEのBOT API Trialを利用して、「カサいる?」というBotを作ってみました。 画像にあるとおり、LINEトークの基礎機能である「位置情報を送信」すると、傘を持っていくべきか(その地点に今雨が降っているか、1時間の間に傘が必要なくらい雨が降るのか)を教えてくれるもの*1です。 よかったら試してみてください。 (LINEアプリ内のQRコードによる友達追加から上の画像を読み取ってみてください) というBotサービス紹介だけでは申し訳ないと思うので、ここでは
作成:2016/04/11 更新:2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス
今週のお題「卒業」 こんなことを言っている方がいまして。 「あなたは見られている」が宗教。 「見られていなくても」が道徳。 「どう見ているか」が哲学。 「見えているものは何か」が科学。 「見えるようにする」のが数学。 「見ることができたら」が文学。 「見えている事にする」のが統計学。 「見られると興奮する」のが変態。 うまいこと言うな~、と。 で、私はてっきり自分のことを変態だと思っていたのですが、これを見て、 「あ、変態じゃなかったんだ!」と安心するやら寂しいやら。 だって、女子にトイレのドアを急に開けられて見られたとき、 興奮よりも何よりも「Twitterでつぶやかれてんじゃないか・・」 とずっと気になって、仕事中にTwitterをチェックしまくって。 どっちかというと、見て興奮する普通のオッサンです(笑) 私がシビレた広告 てなことで、広告ってやっぱ、見られてナンボの世界。 そして、
デザインやHTML, CSSの知識は不要。Bootstrap 3ベースのかっこいい縦長ページや複数ページのサイトが簡単に作成でき、デザイナーやコーダーがいなくても、そしてデザインやコードが分かる人には今までの作業がぐっと楽になるオンラインサービスを紹介します。 サンプルを元にカスタマイズしてもよし、ヘッダやコンテンツなど100種類以上のコンポーネントからクリック一つでぽんぽんページのレイアウトが完成してしまいます。 Assembly Assemblyは無料で利用でき、一部のコンポーネントとHTML化が有料($17)です。 $17は2016年2月現在、1,900円なので、フル機能でこの値段は有りですね。 まずは、Assemblyでどんなページができるか見てみましょう。 縦長スクロールのページで、ヘッダは大きい写真画像、コンテンツが数パターンあり、フッタがデザインされています。コマ数を落として
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く