This domain may be for sale!

Loading

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

はじめることはいいことだ。 あたらしい自分に出会えるし、 あたらしい仲間に出会えるし。 いいことばかりに違いない。 でも、みんな、 はじめないのはなぜだろう。 きっと、はじめかたがわからないから。 ゼロからイチ。 知らないからはじめるんだから、 知らないのは当たり前。 だから、一歩踏み出したいあなたのために、 「はじめかた研究所」はじめます。

イヤフォンを新調した初日にネコに噛みちぎられたフロントエンドエンジニア、ザワです。こんにちは。 今回はWebクリエイターのポートフォリオサイトに注目し、筆者の鳥肌が立った、心が躍ったサイトを集めてみました。この記事を読み終わった直後には、あなたも制作意欲が湧いていることを期待しています。 WebGLを使用し、実験的な手法を用いた作品を集めたショーケースです。Chrome Experimentsに載っている作品、A-I-U-E-O、などもあり、ひとつひとつのスケッチのクオリティが激高です。このサイトをスケッチブックとしてとらえると、子供が無邪気に絵を描きなぐる様子が浮かんできます。好きこそものの上手なれ。私はそうこのサイトから教えられました。 鮮やかな技術に惚れる「Takumi Hasegawa」 https://tkmh.me/ なんですかね。惚れちゃいますよね。こんな綺麗な配色でグリグリ

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・

ミニマルなデザインがトレンドになってからしばらく経ちますが、次のトレンドはなんでしょう？ ここ数か月、デザインの最先端を行くアプリやサービスの中で、「ミニマルデザイン」を次の段階へと押し進めるものが出てきました。FacebookやAirbnb、Appleは、それぞれのプロダクトをよりシンプルに見せることに対して同様の方向を見据えており、それは、モバイルのデザインにおける「コンプレクション・リダクション」という新しいトレンドを反映したものです。 「コンプレクション・リダクション」とは 「コンプレクション・リダクション」なんて聞いたことがありませんか？　聴いたことがないのも無理ありません、何しろ私が勝手に名付けたものですから。最近私はフラットデザインやミニマルデザインとは違う方向性を持つものが出てきたことに気付きました。 編注：Complexionは「顔色」「血色」という意味で、Reducti

(30,000訪問者御礼！はてなブックマークで4位を取りました) (もし共感頂いたら文末の❤️を押していいね！お願い致します) 先日伊藤忠の同期Tと酒を飲んだ時、 “お前、やるじゃん！なかなか凄いな！”と言われたので、 もしかしたら人様の役に立つかもと思い、 ノウハウとやった事リストを公開します。 情報商材っぽいタイトルで恐縮なのですが、、 月収150万円は分かりやすい数字かと思い、あえてそうしました。 お許しください。 あと、世の中の成功者から見たら月収150万円は全く大した事ないのはよくわかっております。 ポイントは、 全く何もない状態から自営業で月収150万円作るのは結構難しい事と、 私の手法を使うと、 多くの方が同じくらいは稼げる点です。 なので、生生しいストーリーとして公開する意味はあるかと思いました。 この話は、昨年好評いただき、6000訪問者を記録した私のブログ、 “ プログ

Webデザインのトレンドは実際に使うかどうかは別にしても、それらを見るのは非常に楽しく、インスピレーションが刺激されます。 2016年上半期、最近見かけるようになったWebデザインの5つのトレンドを紹介します。 5 Actual Web Designs Trends for 2016 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 1. ブラウザいっぱいに表示して、スクロール無し 2. 固定表示は見出しをサイドに 3. ロゴをローダーとして使う 4. 今までは違った背景の使い方 5. 圧倒させるアニメーション ボーナス 1. ブラウザいっぱいに表示して、スクロール無し スクロールを必要としないサイトが、ついに勢いを増してきました。 縦長ページで次々にコンテンツを無限スクロールで表示させたり、リンクが配置されたヘッダを上部に固定表示させ

最近、「モーションデザイン」という言葉がデザイン業界で急に出てきていることに気づいていますか？大小様々な企業が、これに特化した肩書きを持つデザイナーたちを雇いはじめています。最近ではGoogleが I/Oカンファレンス で、Googleの製品で統一化されているモーションランゲージの概要について話していました。 この騒ぎは何でしょうか？そして何の意味があるのでしょうか？ モーションはストーリーを語ります。 アプリにおける全ての物事は連鎖になっていて、モーションはあなたのガイドになります。ボタンをクリックして、画面が変わる度に、そこにはストーリーがついてきます。例えば、アイテムを作ったり削除する時、アニメーションがどのように役に立つかを見ていきましょう。 アイテムを消すことは劇的で破壊的な作業ですので、適切に反応するようにしましょう。アイテムをただ画面から消すだけということはしないようにしまし

人が視覚でモノを認識するときの仕組みを知ることで、適切な形の処理を知る事が出来るのでちょっと説明。 目から読み取ったモノの形、色、明暗（凹凸、立体感）といったナマの情報（＝各デザイン要素でもある）は 脳で、周囲の環境との対比（配置、動感、比重など）と自分の持つ記憶や知識との対比とともに処理される。 脳は、目で読み取った個別のモノそのものを純粋にそれだけのものとして絶対的に処理する事は出来なくて、 かならず、全体的な枠組み（ゲシュタルト）の中で相対的に処理して、グループ化しているという事を知るのが大事。 具体的に言えば、近接したもの、類似のもの、閉じたもの、よい（気持ちのよい）連続（反復）の要因を ひとつのまとまったもの（塊）として認識するシステムがある。だから、デザインの原則の「近接」が重要になる。 この、要素の塊化の認識が一時的、あるいは恒久的にできなくなるのがゲシュタルト崩壊ってやつ。

作成：2016/04/11 更新：2016/06/29 Webデザイン > ありふれた当たり障り無いレイアウトではなくて、ほんの少しでも印象に残るレイアウトを作りたい。デザイン考えるとき、提案前に一度は見ておきたいまとめ。 エンジニア速報は Twitter の@commteで配信しています。 一部にグラデーションを使って視線をフックさせる 複数の色相を組み合わせたグラデーション。オーロラや紅葉など自然界によく見られる配色ですが、ページ全体に入れると少々キツく感じるときがあります。 そんなときは、上図のように色相差のあるグラデーションをワンポイントだけ使うことによって適度に視線をフックさせることができます。 INUPATHY こちらは被写体の気持ちを代弁するかのように、目立たせたい箇所にグラデーションが使われています。目立つけど、色ベタよりもキツイ感じはしません。 株式会社ジェイ・シー・エス

こんにちは、ネットで何でも買えちゃうから外出る必要ないな・・・という危ない思考になりつつある相馬です。 ちょっと前だと、日本のECサイトといえばバナーばっかりでごちゃごちゃしたものばかり、という印象でした。 特に楽天のサイトだと今もそんな傾向はありますが、リニューアルのハードルが高いECサイトですからなかなか難しいところですね。 今回は、ECサイトでも洗練されたオシャレなデザインのサイトを集めました。 ECサイトといえば商品の見易さが第一ですが、そんな中にもデザインに重点を置いたものばかり。 ECサイト運営者の方やこれからオープンを控えている方は、一見の価値有りです。 オシャレなECサイト7選 solemo solemo ECサイトで陥りがちなバナーの多さによる乱雑なデザインにはならず、一つ一つ丁寧にデザインされたバナーのレイアウトで、その多さが気になりません。 カテゴリごとの週間売れ筋ラ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

TOP  >  WebDesign  >  WEBデザインに便利なCSSフレームワークのまとめ「Choosing The Best CSS Framework: A Complete Guide」 WEBデザインと言えば、HTML5やCSS3が最近では話題を集めていますが、まだまだ現場ではXHTML+CSSという形が主流だと思います。今回紹介するのは、WEBデザインに便利なCSSフレームワークのまとめたエントリー「Choosing The Best CSS Framework: A Complete Guide」です。 52framework 様々なるCSSフレームワークが集められていますが、今日はその中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■YAML スタンダードなカラムを簡単に実現するCSSフレームワーク。 ■960 Grid System かなり有名なCS