新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
基礎から応用まで～Gmail効率アップのための必須テクニック～(1) ラベル指定によるメールの分類(1)
本連載では、機能が豊富で奥が深い「Gmail」を効率よく活用するためのさまざまなテクニックを紹介していく。初回となる今回は、ラベルを指定してメールを分類する方法を解説しよう。これからGmailの利用を始める方はもちろん、すでにGmailを利用している方もラベルの使い方を再確認しておくとよいだろう。 カテゴリによる自動分類 誰でも無料でアカウントを取得でき、PCでもモバイル端末でも利用できるメールとして人気を集めているGmail。ただし、Outlookなどのメールアプリと操作方法が異なる部分もあり、慣れるまでに若干の時間を要することがある。特に、メールの分類方法は従来のPOPメールとまったく考え方が異なるので、その仕組みをよく理解しておく必要があるだろう。 まずは、Gmailに用意されている自動分類機能について紹介しておこう。Gmailは受信したメールを「メイン」「ソーシャル」「プロモーショ
データに踊らされないようにするためのデザインアプローチ
11月28日に MTDDC Meetup Tokyo 2015 が開催されました。Movable Type に関わるセッションだけでなく、特定の CMS に囚われないディレクションやサイト設計・運用の話もありました。昨年もそうでしたが、WordPress や Drupal といった他 CMS のコミュニティメンバーを交えた座談会もあるのも MTDDC の魅力です。 今回は「データと上手に付き合ってデザインする方法」と題して、クリエイティブとデータを繋げるための考え方や手法を紹介しました。 数字が嘘をつくこともある 近年、すべてを数値化して測定・評価しましょうという動きがあります。本サイトでもデータの重要性を伝え続けていますが、行き過ぎたアプリーチになることもあります。様々な利用者情報を低コストで取得できるようになり、データ分析がより身近になったことは素晴らしいことです。しかし、デザインの決
DeNA南場智子氏が語った「経営会議より、UI/UXが大事」なぜ今デザインなのか？ - リクナビNEXTジャーナル
DeNAとGoodpatchが合同で運営する「UI Crunch」から、若手デザイナーのためのコミュニティの発展を目的として誕生した「UI Crunch Under25」。第一回のイベントが渋谷ヒカリエで開催された。その基調講演でDeNA会長・南場智子氏は、「これからのデザインとビジネスの関係」をテーマに講演。 何かの才能を持っている人や、ものをクリエイトできる人に対して、すごくコンプレックスを持っているという南場智子氏。なぜ今、デザインが大事なのか？その理由を、自らの失敗談とDeNAの事業戦略を交えながら語ってくれた。 ▲株式会社ディー・エヌ・エー 取締役会長 南場 智子氏 1986年、マッキンゼー・アンド・カンパニー入社。ハーバード・ビジネス・スクールでMBAを取得し、96年、マッキンゼーでパートナー（役員）に就任。99年に同社を退社して株式会社ディー・エヌ・エーを設立、代表取締役社長
デザインの知識を独学で身につける！デザイナー初心者が絶対に見るべきサイト20選
Webデザイナー初心者の方は、日々の仕事で知識やスキル不足に頭を悩ませる場面が多いのではないでしょうか。だけど時間もお金も足りない新人にとって、学校に通ったり、腰を据えて教科書を読んだりというのはなかなか難しいもの。 そんなときは、Web上の有益なサイトで勉強するのはいかがでしょう。今回はWebで見ることができる、教科書並の情報量のサイトや、Webデザインの参考になるサイトなど、全部で20サイトをまとめました。 Webデザインの教科書として読みたいサイトまずは、Webデザインの基本から応用まで網羅的に揃っていて、まさに教科書のように使えるサイトを紹介します。どれもブラウザに開いて常備したいサイトばかりです。 1. Webデザインレシピ ※2020年8月現在、掲載終了 一つひとつの記事にボリュームがあり、ここを読めばWebデザインについて体系的に学べる、まさに教科書のようなサイトです。サイト
Flexboxについて勉強したい・理解を深めたいときに参考になるエントリーやサイトまとめ - NxWorld
特に自分がそのように思っていたのですが、Flexboxはレイアウトを組む際に非常に便利なものではあるのですが、非対応のブラウザをサポートする必要があるために安易に使用できなかったり、仕様がころころ変わって対応してたとしてもブラウザによって様々な書き方をする必要があったりで、本格的に使うのはまだしばらく先にとかもう少し様子を見ようと思ってた人も少なくないと思います。 ただ、最近では以前に比べて記述する内容も減り、対応していなかったブラウザもサポートを切る機会が多くなったりと今後ますます利用する場面が増えそうなので、先述したようにFlexboxについて勉強したい方やより理解を深めたいという時に参考になると思うエントリーやサイトをまとめてみました。 全体的に英語のエントリーなどが少し目立ちますが、Google翻訳などを使えば大体の内容は理解できると思います。 November 16, 2017
ウェルビーイングでワークスタイルの質を高める [石川善樹] | ISSUES | WORKSIGHT
快適に働ける環境をいかに作るか。あるいは、オフィスワーカーのどんな行動がストレスの軽減や生産性の向上につながるか。健康と働き方を結び付けるウェルビーイング* の考えが企業やワーカーの間で広がってきています。 僕の専門は予防医学で、心身の健康を増進して病気を未然に防ぐことを研究しています。多くの人が長時間をオフィスで過ごす中、オフィスワーカーのウェルビーイングをどう考えるかということは予防医学の大きなテーマといえます。 幸福の要素は「快楽」「意味」「没頭」の３つ 心身の充実は幸福の度合いと関連があるわけですが、幸福の要素は「快楽」「意味」「没頭」の３つあると言われています**。「快楽」は肉体的・感覚的に得られる短期的な幸せで、「意味」は楽しくなくてもそこに意義が感じられれば幸せというものです。 古代ギリシャにさかのぼれば、幸せといえば「快楽」か「意味」のどちらかでしたが、20世紀になってミハ
![ウェルビーイングでワークスタイルの質を高める [石川善樹] | ISSUES | WORKSIGHT](https://cdn-ak-scissors.b.st-hatena.com/image/square/6a07ae40f2345331b3077adc8383dd61677bfa98/height=288;version=1;width=512/https%3A%2F%2Fwww.worksight.jp%2Fwp-content%2Fuploads%2F2015%2F11%2Fforesight_ishikawa_1_main1-300x201.jpg)
オブジェクト指向UX | POSTD
(注：2015/11/18、記事およびタイトルを一部修正いたしました。) CNN.com で働いていた2012年6月に、大統領選挙投票日の夜のユーザエクスペリエンス（以後UX）のデザインを任されました。私はそれからの6カ月間を投票日の夜のための仕事に専念しました。しかし、仕事が成功するかしないかは、選挙結果に関係はありませんでした。私が懸念していたのは、情報の見つけやすさやデータの見やすさ、canvasでのオブジェクトの変形、そして一体どのようにしたら、iPhoneでマウスオーバーのフライアウトが動作するのかでした。CNN.com史上初めてWebデザインをレスポンシブにすることにしたのです。さらに史上初めて私が、その デザイン を担当することになったのです。 大きな賭けでした。CNN.comにとって大統領選挙投票日の夜と言えば、スーパーボウル（プロアメリカンフットボールの優勝決定戦）の日曜
色弱のユーザーにもやさしいランディングページのデザイン | POSTD
私がバックエンドでいくつかの新機能を開発している間に、Fannyが我々のホームページの再デザインで非常にいい仕事をしてくれました。それ自体についてはまた別の記事で書くことにするのですが、それまでの合間に、我々のホームページの最初のバージョンに関するひとつの 逸話 をシェアしたいと思います。 Elokenzのホームページ(Ver.1) 私が最初にホームページをデザインしたとき、こういった仕事をどのように行うかという経験が本当に全くありませんでした。私は腕まくりをして、 Bootstrap を使って一からその制作を始めました。そのとき気に留めていたことは、 Oli Gardner が コンバージョンにフォーカスしたデザイン について述べた Unbounceの電子書籍 からのTipsだけでした。 そのため、ホームには気を散らしてしまうような要素を配置しないようにし、コントラストの高い2つのCal
黒澤明の凄さを実感する8分半！ なぜ伝説の映画監督なのか一発でわかる動画がコレだ!!
黒澤明の凄さを実感する8分半！ なぜ伝説の映画監督なのか一発でわかる動画がコレだ!! 中澤星児 2015年11月19日 日本が世界に誇る映画監督として、今でも名前が挙がる黒澤明。事実、スティーヴン・スピルバーグやジョージ・ルーカス、クリント・イーストウッドなど、世界の名だたる監督や俳優がファンを公言している。まさに「世界のクロサワ」だ。 実をいうと、私（中澤）は黒澤映画をほとんど観たことがない。昔の作品であることにハードルの高さを感じてしまうのだ。しかし、私と同じように距離を感じているあなたにこそ、今回紹介する動画を見てもらいたい。8分半に凝縮されたわかりやすい分析に、黒澤映画の凄さを感じずにはいられないぞ！ 見ないと損だ！ ・映画制作関係者が分析 黒澤映画を分析したのは、サンフランシスコを拠点に映画製作などをしているというトニー・シュウ氏。他にジャッキー・チェンやアニメ映画監督・今敏（こ
洋服の原価っていくらなの？なんでレディースよりメンズの方が値段が高いの？アパレルの疑問Q&A
スポンサーリンク 今日はアパレルQ&A。あなたが普段思っているであろう、アパレルの疑問質問をまとめました。 洋服の原価は一体いくらなのか？ Photo by http://otonaninareru.net/wp-content/uploads/2014/05/beams-shibuya.jpg 「この洋服いったいいくらで作られているんだろう？」 「これを買うとお店がいくら儲かるんだろう？」 「原価はいくらなんだろう？」 誰しもが洋服についてそんな疑問を抱いたことがあるはずです。 答えをズバリ言ってしまうならば、もちろん「原価率」はメーカー毎アイテム毎に様々ですが、 30%が一般的なラインです。 しかし例えば「これはブランドの定番で毎年同じものを大量に作っている」などの理由があれば一気に素材を仕入れて大量発注もできるでしょうから原価率は大きく下がるでしょう。20%を切るものも存在します。
CSSの@supportsを使ってCSSのみでスタイルの条件分岐をする方法
2015年10月27日 CSS Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示される filter は、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 ↑私が10年以上利用している会計ソフト！ @supports とは？ 指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSSを記述していけます。「プログレッシブエンハンスメント」というやつですね
jQueryとCSSのtransitionで可視範囲に入ってからアニメーションさせる方法
可視範囲になってから表示されたり動いたり、スクロールに応じてアニメーションさせる方法を紹介します。動きをつけて目を引くことで、効果的に伝えることができるかもしれません。 以前、「jQueryを使って、スクロールしてコンテンツが現れたときにアニメーションさせてみる｜Webpark」という記事で同じようなものを紹介したのですが、デモが気に入っていない、アニメーションが1度きりということで作り変えました。 まずはサンプルをご覧ください。スクロールするとアイコンとテキストが順番にフェードインします。 このサンプルで使われている、画面いっぱいに表示する方法と、上にスクロールしたときに現れるメニューは以前紹介しています。気になる方はどうぞ。 画面サイズに合わせて高さを指定する3つの方法｜Webpark jQueryで作る、下にスクロールで消えて、上にスクロールで現れる固定メニュー｜Webpark とい
「40代はアローズで服を買って良いのでしょうか？」と思う人へ！「年相応」を考える必要はない！
スポンサーリンク 「50代なんですがアローズに買い物に行っても良いのでしょうか？」 「年相応じゃない店に行くと店員さんの目が気になってしょうがありません。。。」 などなど。今回は「対象年齢」などを気にして自由にショッピングが楽しめない人に必読の内容です。 ブランドにはターゲット層が存在する もちろんブランドやショップは「万人に受け入れられるように」と考えて設定するのが基本ですが、そうは言っても「コアターゲット」と呼ばれる概念があります。「コアターゲット」とは国語辞典的な意味を述べると、「販売対象のうち、特に積極的に売り込みたいと考える性別・年齢・地域などの区分」となります。 マーケティング的にはこの「コアターゲット」の生活スタイルを探ることなどを行います。例えばコアターゲットが「30代男性」などボケた想像ではなく、なるべく具体化します。結婚しているかどうか？趣味は何か？どこに住んでいるか？
Kazuho's Weblog: ウェブページの描画 (first-paint) までの時間を測定するツールを作った件、もしくはHTTP2時代のパフォーマンスチューニングの話
ウェブページの描画 (first-paint) までの時間を測定するツールを作った件、もしくはHTTP2時代のパフォーマンスチューニングの話 ウェブページの表示までにかかる時間をいかに短くするかってのは、儲かるウェブサイトを構築する上で避けて通れない、とても重要な要素です。 少し古いデータとしては、たとえば、ウェブページの表示が500ミリ秒遅くなると広告売上が1.2%低下するというBingの例なんかも知られているわけです。 「ウェブページの表示までにかかる時間」と言った場合、実際には以下のようないくつかのメトリックがあります。 イベント 意味
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
