『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
2014年9月9日 CSS, Webデザイン 以前このブログで背景に動画を使ったWebサイトの作り方を紹介しましたが、やはり動画を準備するのは少しハードルが高いと感じる人もいますよね。そこで今回は導入しやすく印象に残りやすい、大きな背景画像を用いたWebサイトの作り方を紹介します! ↑私が10年以上利用している会計ソフト! 背景に大きな画像を使うメリット・デメリット 大きな背景画像のメリットは、なんといってもその迫力です。言葉を使わずとも、そのWebサイトを通じて伝えたいイメージをストレートに表現できます。その写真が高画質で、クオリティが高いほど印象にも残りやすいので、近年海外を中心に多くのサイトで用いられている手法です。 しかし、いくつかの注意点をおさえておかないと、どんなに素敵な写真であっても効果が半減してしまいます。ひとつは画像が大きければ大きいほど、ページの読み込みに時間がかかって
quoitworksのムラマツこと、muuuuu.orgの中の人、ムーちゃんです。こんにちは。お盆休みまでもう少しですね!みなさま仕事の進捗はいかがでしょうか。 webのデザインの現場でよくオーダーとしてあるのが、「紙っぽいデザイン」です。 webのデザインはコーディング時のことを考えすぎてしまったり、ユーザビリティや、web独自の視線の流れを意識しすぎてしまうあまりにダイナミックさに欠けたりすることが多いような気がします。 またお客さんとしても生まれてからwebを見ている時間よりも、紙のデザインを見ることが多いので、イメージとして紙(ポスター、雑誌)のような完成図をイメージされることが多いのではないのでしょうか。(特集ページや、LPや、メインビジュアルなどです。検索画面とかは違いますよ!) それで今回はLPやアバウトページ、特集ページでよくある「紙っぽく」オーダーをスマートに解決するため
creative memomemo Webデザインtips,Photoshoptips,クリエイティブでステキなものをまとめているブログ。 こんにちは。最近はブログメディアのデザインを作る機会が多くなってきました。井畑です。 ブログメディアはコーポレートサイトと比べ、よりデザインや装飾等で「個性」を出す場合が多くあります。どうしたらいいかなーと思って色々悩んで、「形」で個性を出すのもありかなと思い、ウェブサイトではあまり使われづらい三角形や五角形、六角形を上手く使っているサイトを調べてみました。 やはり印象に残るものが多かったです。それでは早速見てみましょう!どうぞ! 三角形を使ったデザイン 三角形を使う場合、余白をどう活かすかが重要になってくると思います。 Snowbird Snowbird コンテンツのサムネイルが三角形です。マウスオーバーすると折り紙が広がるように画像が広がるのも面白
漢字を使う言語のうち、約50万文字をカバーするOSSフォントを、アドビとグーグルが発表。日本語タイプフェイスはアドビのフォントデザイナーが担当、漢字拡張はイワタが行った。 米アドビシステムズとグーグルは7月15日、日本、韓国、中国の3カ国語に対応したオープンソースの新しいフォント「Source Han Sans」を共同開発したと発表した。 Source Han Sansは日本語と韓国語で使う全ての文字と、中国語の繁体字および簡体字を網羅し、Source Sans系のラテン文字、ギリシャ文字、キリル文字も含まれる。合計で50万文字をカバーし、オープンソースで提供するフォントとしては過去最大規模になる。 日、中、韓の3カ国で使われる文字は、元は中国の同じ文字を起源としながら各言語によって違うバリエーションがある。開発に当たっては、それぞれの違いに対応して美観を保ちながら包括的なフォントとして統
2014年7月16日に、Google と Adobe がリリースした Noto Sans(Adobe からは Source Han Sans という名称でリリース)というオープンソースのフォントファミリーは「日本のWebデザイン史上に残る画期的なフォント」だと思ったので記事にしました。 これまでの問題 ウエイトの不足 普段Webデザインなどの仕事をされている方でないとあまり気にすることはないかもしれませんが、たとえば Android は、アプリによっては下記のように日本語部分と英数字部分で大きくウエイト(フォントの太さ)が異なることがありました。 ※この画像は、Nexus 7(Android 4.4)で Twitter 公式アプリを表示した時のものです。 Nexus 7 では Chrome ブラウザーなどでは日本語・半角英数字ともに丸ゴシックで表示され、ウエイトもおかしくないのですが、アプ
2017年2月1日 Webサイト制作, マーケティング, 便利ツール みなさん、購読しているニュースレター(メールマガジン)はありますか?私は利用しているWebサービスや趣味関連のものをあわせてだいたい10サイトくらい購読しています。どれも素敵なデザインのHTMLメールばかりで、見ていて楽しくなっちゃいます :) そんなわけで今回はそんなHTMLメールの現状や、制作時のTipsを紹介します。効果的な導入方法を一緒に考えてみましょう! ↑私が10年以上利用している会計ソフト! HTMLメールとは テキストのみのメールではなく、テキストに色がついていたり、画像が挿入されている、HTMLを使って設計されたメールのことをHTMLメールと呼びます。海外では大手Web系企業をはじめ、多くの会社がHTML形式のニュースレターを配信しています。私が購読しているWebサービスのニュースレターやブログの更新通
このページはアドビシステムズ社のInDesign CS6 (アドビインデザイン) についての使い方を説明しています。使用しているOSはMac OS X (10.6.8/Snow Leopard) です。Windowsの場合はファインダをエクスプローラーに読み替えてください。また、Mac OS X Lion/Mountain Lionでは若干メニューの色やメニューバーに表示される項目が異なる場合があります。 InDesign CS2/CS3に関するJavaScriptでの自動処理に関しては組版時間を半減する-InDesign自動処理実例集を購入するか以下のページを参照してください。 InDesign CS5自動化作戦 InDesign CS4自動化作戦 InDesign CS3自動化作戦 InDesign CS2自動化作戦 クリエイター手抜きプロジェクト ミスや間違い、リンクエラーなどがあり
AdobeIndesignでレポートなど簡単な冊子を作ろうと思っている方へのリファレンスです。 私はその道のプロではありませんので、間違いなどありましたら掲示板なりメールなりで教えて頂けると幸いです。 PhotoshopやIllustratorは知っているけど、Indesignとはいったいなんですか?という人が世の中大半だと思うので、Adobeに成り代わり(笑)紹介させて頂きます。 Indesignとは「組み版」の為のソフトウェアです。Adobeがいま一番力を入れていると言われているだけあって、日本語版はアメリカなどで発売されているものを一から 日本語に最適化してあります。そのため、日本語独特の文書処理が非常に強力です。 特徴1:ページが複数作れる PhotoshopやIllustratorで作業したことある人で、パンフレットのようなものを作った方は一度は思うと思います。 「あ~、ワープロ
Adobe InDesign使い方講座 全8巻を完全公開! ━━━━━━━━━━━━━━━━━━━━━━ アテイン株式会社で過去に販売したDVD教材、 「誰でもわかるAdobe InDesign 日本語版 全8巻:584分」を、 すべてYoutubeにてご覧いただけます。( 計9時間 ) =◆概要◆=======...
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
仕事をしていると企画書や提案書やプレゼン資料などを作成することがあると思いますが、他の人はどんなモノを作っているのか気になったりしますよね。例えば競合他社や、全く違う業種など。 というわけで、他人の作った企画書や提案書などを覗き見することができるサイトやブログ記事をいくつか探してみました。 覗き見できるサイト&ブログ記事 役に立つ企画書・スライドが集まったサイト|bikkuri ネットで見れる!国内有名Webサービスの「ナマ企画書」まとめ | Find Job ! Startup ネットで見られる提案書のまとめ | Webデザインのタネ マニュアル・提案書/ブルースター株式会社 気になった資料をピックアップ 最初に紹介したサイト「bikkuri」の中から、最近個人的に気になっているテーマ「Webデザイン」に関する資料を少しだけピックアップしてみます。 (はじめの1冊!) まねして書ける企画
こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く