『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fukatsu 実践的なUXデザインとインタラクションデザインの考え方 from CyberAgent, Inc. UXとデザインまとめ by 上野学 - presentation from UX まとめ 2015 from Sociomedia アクセシビリティからはじめる、WebサイトのUXデザイン from Yoshinori OHTA いいデザインのために組織の一人ひとりができること f
この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・! デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK!」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。
YATさん(@yat8823jp)から書かない?とお誘いを受けたので Webデザインセオリー Advent Calendar 2015 10日目書きました! Web制作がオマケみたいになってしまったので 年間通して新規でサイトまるまるデザインするの1〜2件ぐらい。 ちょっとマインド系メインですが参考にしてみてください! 18歳(高3)からWebサイト作ってるのでWeb歴12年。 21歳〜24歳の3年間はFlashをメインにWebサイトを作っていました。 最近はもっぱら稼働してるサイトのWordPressの拡張が多いです。 時間が無い限られた中で どうやって価値と効率を両立するかを考え続けてきた僕の考えです。 恐らくWebデザインについてこんな話書くブロガーさん少ないと思いますw 論理的には考えてるけど感覚で出してしまうタイプなのでいざ説明するのは難しいですね。 それではどうぞー! 目次 ・
IROHA GRAND HOTEL 【いろはグランホテル松本駅前】コラボパートナーになってホテル... 詳細を見る
2016年12月〜サルワカというWebメディアを運営し始めた。色々なものごとについて分かりやすく解説するサイトだ。僕以外にもライターがいて、僕が苦手な料理や生活系の記事も充実している。 ※ 以前、サルワカについての紹介記事も書いたことがある。 公開後は、あまり読んでもらえない期間が続いたが、めげずに仕事後や休日にコツコツと記事を書き続けていたら、いつの間にか多くの人に読んでもらえるようになった。 5月には「力尽きたときのための簡単レシピ」という特集ページを公開した。 (ページのデザインを担当したのは僕だけど、レシピを書いているのは僕ではない) これがtwitterで結構シェアされて、大手WebメディアやTV番組にも取り上げて頂いた。 「力尽きたときでも作れるレシピ」をひたすら追加していく新ページを開設しました。残りのHPを選択してレシピを探すことができます。 力尽きたときのためのレシピ 〜
シネマグラフ(Cinemagraphs)という手法をご存知でしょうか。シネマグラフとは、画像の一部にだけ動きを取り入れたGIFアニメーションのことです。GIFアニメーションを使ったホームページは以前からありましたが、最近では少し変わった形で使われています。 今回は、シネマグラフを活用したオシャレなサイトと画像をまとめてご紹介します。 GIF画像を使用するため、作り方や技術自体の難易度は高くありませんし、やる気次第では、ソフトを使って自分で作ることも可能ですので、ぜひチェックしましょう。 動くシネマグラフを使ったサイト、画像まとめ 株式会社 電通クリエーティブX http://www.dentsu-crx.co.jp/ 株式会社電通クリエーティブXのホームページでは、社員や文具が永遠と回るシネマグラフをデザインに取り入れています。 トップページをはじめ、企業紹介から社員紹介、リクルートページ
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に!映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず! 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
弊社のスタッフはフロントエンドの開発にとどまらず、デザインを制作する機会も少なくありません。弊社に限らず、近年職種を問わずデザインを扱う機会が増えているように思います。しかし、コンテンツ要素が整理整列されていなかったりテキストのカーニングがされていなかったりと、基礎的なことができていないようなケースも多く見られます。基礎的な部分が押さえられていないと、野暮ったさや素人感が出てしまいイマイチな仕上がりになってしまいます。 今回はそういった方に是非読んでもらいたい記事を、すぐにでも実践できる内容を中心にピックアップしました。Webサイトやアプリケーションのデザインだけでなく、企画書やプレゼンテーション資料の作成などでも応用できるものなので、どなたでも覚えておいて損はないと思います。 フォント選び フォントの基本的な選び方 | Arch ▲フォントの系統から書体、ウェイトの選定方法まで、ユーザー
私はWeb制作会社を経営しており、2023年現在で36歳になります。 28歳の時にWebデザイナーに転職してWeb業界でのキャリアをスタートさせ、32歳で独立しました。 この記事では、私が28歳の時に未経験から独学でWebデザイナーに転職した方法を紹介しています。 効率的な勉強方法や習得すべきスキル、転職活動のコツなど、Webデザイナーを目指している人におすすめの内容になっています。 また、今はWebデザイナーを採用する立場になっているので、「こんな人を採用したい」という視点も加わっています。 28歳(当時)の未経験がWebデザイナーに転職 Webデザイナーになるまでは、Webデザインどころか、デザインの仕事やプログラミング、Web関係の仕事すらやったことがありませんでした。 最初からデザインのセンスがあったわけでもなく、今見るとWebデザインの勉強を始めた頃作ったサイトは酷いものでした…
ホームページの改善には欠かせないのがA/Bテストです。 複数の仮説を導き出して、仮説Aと仮説Bを比較するシンプルな検証手法の1つと言えます。 このA/Bテストがヒントとなり、改善した結果、売上が数倍に上がったという例も少なくありません。最近では、グロースハックが話題となったことでもA/Bテストの重要性が再認識されています。 今回は、A/Bテストの実例記事の中からオススメ記事とA/Bテストを行ううえで読んでおくべき10記事をまとめました。 このニュースに興味のあるあなたにおすすめ ・グロースハックを始める時に役立つ記事5選 ・広告に頼らずに成果を出せるグロースハックの概要と成功事例記事 ・会員獲得を目的としたグロースハック事例6選 1.ランディングページ最適化(LPO)事例で学ぶ問い合わせ数10倍の手法 http://liskul.com/lp_lpo3-5929 LPOにおけるA/Bテスト
「A/Bテスト」とは、例えば画像や文章を複数パターン用意し、それらを入れ替えて表示させてユーザーの反応を比較することで、より優秀なレイアウトやデザインを判断する手法としてウェブサイト構築で活用されています。そのA/Bテストを最大限に活用するために気をつけなければいけない23のポイントが公開されています。 23 Tips on How to A/B Test Like a Badass - Search Engine Watch (#SEW) http://searchenginewatch.com/article/2223888/23-Tips-on-How-to-AB-Test-Like-a-Badass A/Bテストは、2012年に出されたWIREDの記事で一躍世間の注目を浴び、その劇的な効果のおかげでさまざまなツールが登場しオンラインショッピングサイトなどに導入されました。しかし、ウ
Autodesk Gallery Pop-up Tokyo Event 予約ページ|デザイン・設計とエンジニアリングの未来を体験できるイベントです。創造の未来 会期:10 月 23 日(金) ~ 11 月 8 日(日) 時間:12:00 ~ 18:00 会場:BA-TSU ART GALLERY(東京・表参道) Autodesk gallery Pop-Up Tokyoは、デザインとエンジニアリングの未来を体験していただくギャラリーです。 建築、映像、製造、ファッション、アートなど、ワークショップや企画展示を用意して、皆様をお迎えします。 この機会に、ぜひ最新テクノロジを体験してください。 -様々な分野の第一線で活躍するデザイナーのトークイベント。 -デザイン ソフトウェア、3Dプリンタ、レーザー カッターを体験。 -ワークショップなども開催。 Come experience
2015年10月5日、早稲田大学大隈記念講堂で、ファッションデザイナー、ポール・スミスさんが「インスピレーション」をどのようにして得ているのか、その発想法に関する 講演を聞いてきたので、まとめた。 講演にはものすごい人が来ていて、入れなかった人もたくさんいたが、ポール・スミスさんは外に人がたくさん並んでるのを見て、 「2回やる」 と決めたらしい。 すごくおちゃめでユーモアあふれる、いい人だった。 話されていた内容は大きく3つ。とてもいい話だった。 バランスの重要性 観察眼の磨き方 - どのように幅広く目を向けるか どのように独自性を出していくか - キャリアへの活かし方 バランスの重要性 ポールスミスさんは、10代のとき自転車のレーサーになるのが夢だったが、17歳のときに大きな事故にあって骨折した。 でも、災い転じて福となるという点が大事。 そのおかげで想像力あふれる世界に飛び込むことがで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く