新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
独学!未経験からWebデザイナーになる!!～独学でも未経験でもWebデザイナーになれる！
独学でも、実務未経験からでも、努力すれば誰でもなれる。それがWebデザイナーという職業です。 当サイトでは、Webデザイナー・Webクリエイターに興味がある方や、実際に目指しはじめている方に、役立つ情報を提供できればと思います。 最近の更新情報＆お知らせ 2017年02月09日 ヒューマンアカデミーの資料を頂く機会に恵まれたのでシェアしますのページをアップしました。 →更新履歴一覧 最近のコメント 文字化けを防ぐ&解消する方法 by しんじゆみこさん(11/29)PHPのインストール for Windows by 馬場誠さん(09/30)PHPのインストール for Windows by Kiraさん(09/30) ※管理人がまだ公開設定を行っていないコメントは表示されません。
非デザイナーエンジニアが一人でWebサービスを作るときに便利なツール32選 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 非デザイナーエンジニア(Rubyist)の私が、一人でこんなWebアプリを作ってみました。 まだβ版ですが、Pocketやfeedlyの未読コンテンツの中から、 重要度が高いものだけをリマインドしてくれるサービス「Reminderr」です。 Reminderr：http://www.reminderr.me/ 要するに、私自身のPocketとかRSSがカオスになっているので、 その中で重要なものだけ教えてほしかったので、 自分で作っちゃえ！って思って作りました。 そのときに使った便利ツールたちをまとめておいたら便利そうだったので、 今回
Googleの提唱する「マテリアルデザイン」の事例を集めまくって無料で素材のダウンロードまで可能な「MaterialUp」
Googleが開発者向けイベントGoogle I/O 2014で発表した新しいUX体系が「マテリアルデザイン」です。アニメーションやカードデザインなどを使い、「合理的な余白と動きを使った統一理論に基づいたもの」と定義されていますが、このマテリアルデザインの優れたウェブサイトやモックアップを毎日最大12個展示する「MaterialUp」は、「優れたマテリアルデザインとは何か」が一目で分かる上に素材のダウンロードまでできる便利なウェブサイトになっています。 The Best Of Material Design, daily – MaterialUp http://www.materialup.com/ マテリアルデザインとは何か？ということは、以下の記事から読むことが可能です。 アニメーションを使ったGoogleの新UXデザイン「Material Design」とは？ - GIGAZINE
櫻田潤 | インフォグラフィック・エディター
ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。
「エンジニア病」を抱えたあなたに効く「デザインの考え方」 ～ソニックガーデン・デザインメンター対談のまとめ～ - give IT a try
はじめに 先日、僕が勤務しているソニックガーデンのブログ記事で、弊社プログラマとデザイナーさんの対談記事が公開されました。 【前編】エンジニアの会社でデザインがうまくいくワケ〜「エンジニア病」にはダメ出しされよう 【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」 【後編】デザインできるプログラマの育てかた〜「デザインメンター制度」のキモは理由で納得！ インタビューに登場する町田さん（@machida）と赤塚さん（@ken_c_lo）は僕もよく知っているとても素晴らしいデザイナーさんです。 素敵なデザインができるのはもちろん、HamlやSassなどプログラマ寄りの技術知識も豊富に持ち合わせていますし、物腰も柔らかくてとても相談しやすい方たちです。 業界の各方面から引っ張りだこなのも十分頷けます。 ところで、上の記事の中に出てくる「デザインメンター制度」
Photoshopの最近の気になるデザインテクニックを身につけるチュートリアルのまとめ -2015年1月
背景に使う大きな写真画像に重ねたテキストをくっきり見せる5つのテクニック、気持ちよくアニメーションするGIFの作り方、幾何学や粒子の使い方、テクスチャやブラシでかっこよく仕上げるなど、最近の気になるデザインのテクニックを身につけるPhotoshopのチュートリアルを紹介します。 チュートリアルはCSを想定したものも多く、CCの新しい機能の効果的な使い方なども。
デバイスフォントを使うなら絶対取り入れたい！フォントをきれいに見せる小技まとめ | それからデザイン スタッフブログ
今までデザインを優先する場合はテキストを画像化するのが一般的でしたが、iPhone6やiPad、最新のPCなど、高解像度のディスプレイではにじんでしまい残念なことになるので、見出しなどの文字もデバイスフォントを使用しはじめた人も多いのではないでしょうか？しかし「日本語WebFontは有料ばかり・・・」とか「結局Windowsはメイリオでしょ！」とか残念な現実もあります。今回はそんなデバイスフォントを少しでもきれいに見せる小技（主にCSS）をまとめてみました。 それでは早速行ってみましょう！ その１ font-familyの指定をする font-familyの指定をしていない場合、OSやブラウザごとに異なったフォントになってしまいます。もちろんどのブラウザでも同じフォントを表示させるにはWebfontの使用が一番ですが、それができない場合は、font-familyの指定を行います。Font-
Webデザイナーが捗る！知識を増やす最近のトレンドまとめ
作成：2014/09/29 更新：2014/11/01 Webデザイン > Webデザインの流行りを知るために、トレンド感のある配色や洗練されたレイアウトをつくり上げるために、知っておきたいことや方法など。他に、Web制作において今後積極的に挑戦してみたいものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 配色 １．ネオンカラー ２．washed out ３．グラデーション ４．マテリアルデザイン 模様 ５．ジオメトリー 背景 ６．背景色を時間の経過で変化させる ７．スクロールで背景固定、コンテンツだけ動かす 一部に動きをつける ８．シネマグラフ ９．線画 (SVG) １０．グリッチ UI・他 １１．ゴーストボタン １２．プレースホルダー １３．ローディングエフェクト １４．pushState １５．ドロアー レイアウト １６．タイルレイアウ
最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
いまWebサイトで流行ってる色 / Maka-Veli .com
CATK http://catk.de/ #513baa #6445e0 Frank Chimero http://www.frankchimero.com/ #00deb7 #5fe2ff #6144b0 #ff4a5d #fff3cd Prospek https://prospek.ca/ #46b085 Mixd http://www.mixd.co.uk/ #1c4bbe Flavor http://www.madebyflavor.com/ #f84c74 #9f6cc8 #4d9ff5 #4bdcb5 Build in Amsterdam http://www.buildinamsterdam.com/ #79a596 #222327 Socialist http://www.sociali.st/ #f53e2e #0b0b0b Square https://s
16個の業種別で学ぶ「ホームページデザイン」の王道パターン | LISKUL
ホームページのデザインっていろいろあって、どれが自分のビジネスにふさわしいものか迷ったことはありませんか？ 個人で事業をやっている方だと、そのような疑問を持つ方も多いのではないでしょうか。 でも実は、業種ごとの王道デザインを知っていれば悩む必要なんて何もないのです。 今回は、全16業種にわたる王道のホームページデザインをお伝えしたいと思います。 1. 美容院のホームページデザイン【王道】 おしゃれな髪型の女性の大きめな写真を載せるデザイン 【実例】 Nine9 / ナイン MerryLand 美容室 pukka hair 美容院のホームページデザイン ポイント「おしゃれな髪型をしている女性の写真を載せる」 美容院のホームページの王道デザインは、お店のロゴが左上、メニューがその横にあり、その下には、おしゃれな髪形をしている女性の大き目な写真があるというものです。 これは美容院という商売の特性
WebデザイナーのためのPhotoshop CC 2014の新機能まとめ
この記事は、Photoshop CC 2014 の新機能をWebデザイナー視点からまとめた記事です。 6月19日の「Adobe Create Now 2014」および、6月23日の「アドビ 報道関係者向けCreative Cloud 最新製品 デモセッション」で聞いた話を含みます。 新機能の一覧 現在私が把握している、Photoshop CC 2014 の新機能は以下のとおりです。 Webデザイン制作に深く関係しそうなものは太字にしています。 ぼかしギャラリーのモーション効果 文字ツールでフォント検索が可能に ライブフォントプレビュー 開いたPSDにフォントが存在しなかった場合、Typekit のフォントで置換可能に スマートガイドでオブジェクト間の距離を表示、均等に配置が可能に リンクされたスマートオブジェクトのレイヤーカンプの切替が可能に 焦点領域 埋め込まれたスマートオブジェクトをリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
Start Bootstrap
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WEBデザインの見本帳
【中編】プログラミングとデザイン、やっていることはわりと同じ〜「デザインは感覚じゃない」
SVGを使ってウェブページにかっこいいエフェクトを与えるチュートリアルのまとめ