an_0821のブックマーク (71)

  • 新着記事

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

    新着記事
  • 隠れた便利機能ベスト3

    こんにちは。デザイナーのハルエです。 今回は、知っているのと知らないのとでは作業時間に圧倒的な差がついてしまうPhotoshopの効率化機能マイベスト3を紹介させていただきます! 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! ※2014年3月7日に公開された記事を再編集したものです。 その1:Vanishing Pointでハメコミ合成 みなさん、“Vanishing Point(ヴァニシングポイント)”機能をご存じでしょうか? 機能の存在は知っていても、使ったことのない方が多いかと思います。 このVanishing Point

    隠れた便利機能ベスト3
  • 選ばれるウェブデザインとは

    東京ベイ潮見プリンスホテル ”水辺の宿場町”をデザインコンセプトとするアートホテル「東京ベイ潮見... 詳細を見る

    選ばれるウェブデザインとは
  • http://soufflecode.net/website/

  • Webデザイナーが憧れる余白が美しいWebデザイン2012年版

    Ambidex 25th Anniversary... / 株式会社 細尾 / mount inc.他...全55件

    Webデザイナーが憧れる余白が美しいWebデザイン2012年版
  • ウェブデザインで大切な空白スペースの効果的な5つの使い方

    空白スペース(ホワイトスペース)が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します。 5 Ways How Whitespace Affects The User Experience 下記は各ポイントを意訳したものです。 はじめに:空白スペースの基礎知識 1. 空白スペースがデザインに使いやすさを加える 2. 空白スペースがコンテンツに読みやすさを加える 3. 空白スペースがビジターに休憩を与える 4. 空白スペースがデザインをモダンに見せる 5. 空白スペースがあなたのデザインに感動を与える はじめに:空白スペースの基礎知識 空白スペース(ホワイトスペース)は、ウェブデザインにおいて非常に人気の高いデザイン要素です。この空白スペースは元々は印刷デザインからのもので、「テキストとグラフィックの欠如」を現します。と同時に空白スペースは「空きスペース」以上の役割を果

  • 感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT

    「あなたは感覚派デザイナー?それとも理論派デザイナー?」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ! 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles(デザインの要素と原則)」や「Gestalt principles(ゲシュタルト原則)と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や

    感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
  • ウェブデザインの基本原則からPhotoshopの実践的なテクニックまでが学べる無料のeBook -Pixel Perfect Precision

    思わず、これ無料なの?!というくらいの充実した内容、そして美しいレイアウトで構成されたウェブデザインのテクニックが学べるeBookを紹介します。 ウェブデザイナーをはじめ、ディレクター・アートディレクターなどウェブデザインに携わる全ての人に役立つと思います。 iBookにも対応 内容は、簡単に言うとノンデザイナーズブック(Amazonで見る)のウェブに特化した感じで、完璧な精度のピクセルにどのようにデザインするかがテーマになっています。 ページ数は全部で165ページ、配置の基原則、可読性を考慮したテキスト、カラーマネジメントなどをはじめ、ファイルの効率的な管理方法、Photoshopでのウェブに最適な初期設定、レイヤー管理、Illustratorのウェブで使える実践的なテクニックなど、満載の内容になっています。 テキストは英語ですが、各ページキャプチャ付きなので、デザインの知識が多少あれ

  • FINDJOB!終了のお知らせ | FINDJOB!

    FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

    FINDJOB!終了のお知らせ | FINDJOB!
  • WordPressのお勧めプラグインと設定方法を公開

    前のエントリーで書くとお約束した WordPressのプラグインや設定に関するエントリーです。 月間20万稼ぐ!僕がブログを書くのに使う“神”ツールをドンッと紹介 今や、MTを抑え不動の人気を得ているWordPressその力はGoogleのマットカッツ氏もお勧めしている事も皆さんご存知だと思います。僕自身、ビジネスワークでも自身のブログでもいろいろ試行錯誤しながらより、SEOに強く効果のあるWordPressを目指して試行錯誤して来ました。その上で、今のベストセッティングだと思えるWordPressテーマ「Stinger」を公開させて頂いているのですが、ここで一度この「Stinger」にしている設定と、その上で僕が使用しているおすすめの「プラグイン」をご紹介したいと思います。 photo credit: opacity via photopin cc 現在、絶賛パーマリンク変更中なので変動

    WordPressのお勧めプラグインと設定方法を公開
  • 最初に設定しないと絶対損する!Google Analytics 9個の必須設定&解説 | Find Job ! Startup

    アクセス解析は最初の解析設定が命。「やっておけばよかった!」と後悔しても、設定し忘れた集計数値はもう2度と手に入りません。 Webサイトの財産とも言える解析データをしっかり取得してビジネスの成長につなげるためにも、必ず設定しておきたいGoogleアナリティクスの必須設定項目をまとめました。 もし抜けがあるようでしたら、この機会に設定してみて下さい。 ※現時点で、アナリティクスの設定は標準・ユニバーサルの2種類があります。ユニバーサルは、まだ不完全なので今回は「標準」での設定をベースにご紹介します。 【設定1】プロパティ&プロファイル まずはサイトの運用方針などに合わせて、的確にプロパティとプロファイルを設定します。 基的には「サイトごとにプロパティ」設定がおすすめ いくつものサイトを『それぞれ別のドメインで展開』する場合や、サブドメインでそれぞれのサイトを管理する場合、基的に

    an_0821
    an_0821 2013/07/04
    Google Analytics Access
  • 無料のスマホサイト作成ツール5個|スマホ対応ホームページの作り方

    1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない><」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか? HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる なぜ、スマホ未対応のホームページは時代遅れなの? その答えは非常にシンプル。 なぜなら、今が「ほとんどの人がPCではなくスマホでホームページを見ている時代」だからです。 この数字が何を表しているかご存知でしょうか? スマホ: 83.4% パソコン: 69.1% これは、「総務省」が発表した2019年のIT機器の世帯保有率です。(詳しいデータはこちら) なんと、パソコンよりスマホを持つ人のほうがはるかに多いんですね! こんな世の中ですから、よりたくさんの人にホームページを見てもらいたいなら、スマホサイト

    無料のスマホサイト作成ツール5個|スマホ対応ホームページの作り方
  • Basic Design Note

    CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

    Basic Design Note
    an_0821
    an_0821 2013/04/25
    文字の読みやすさを生み出す為の知識と方法【後編】
  • Basic Design Note

    CLOSED This site has been closed. 当ブログは2022年12月30日をもって閉鎖しました。 開設から10年間、ご覧いただきありがとうございました。

    Basic Design Note
    an_0821
    an_0821 2013/04/25
    文字の読みやすさを生み出す為の知識と方法【前編】
  • ウェブデザイナーのための便利すぎるツール&リソース20選【最新版】 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ

    無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> ウェブデザイナーに便利なデザインリソースやツールをまとめた最新版の記事をThe Next Webから。きっとあなたの知らない、日ではまだメジャーじゃない注目リソースやツールがあるはず? — SEO Japan Webデザインにおいて、使用するツールはあなたの結果に重要な役割を果たす。もちろん、紙に鉛筆で描くことのような、基を忘れないことが大事だが、時には新しいアプリやリソースを見つけることが、あなたのクリエイティブなジュースをもっと流れるようにするのに役立つかもしれない。 今回は、デザイナーとデベロッパーのための20個の便利なツールをリソースリストとしてまとめた記事を紹介する。あなたのお気に

    ウェブデザイナーのための便利すぎるツール&リソース20選【最新版】 - SEO Japan|アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
    an_0821
    an_0821 2013/04/25
    web便利ツールめもめも。
  • デザイナーなら読んでおきたい!デザインに関する6つのスライド・企画書

    色彩センスのいらない配色講座 「色の比率」や「色相の距離」、「トーン」などを意識してデザインを見てみると、いろんなが配色方法が発見できるかもしれません。

    デザイナーなら読んでおきたい!デザインに関する6つのスライド・企画書
  • 知らなきゃ損する!「1番安い」を探せるWebサービスまとめ

    こんにちは。 WEBサービスを利用すると、その商品の価格が簡単に比較でき、最安値がわかるようになりました。 そこで今回は、買い物をする時に損をしないように、その業界の最安値がわかり、しかも比較もできる便利なWebサービスを集めてみました! スカイスキャナー(航空券) 行き先を入力して検索すると、自動的にあらゆる航空会社のサイトから料金を安い順に並べてくれます。海外旅行の時は、いつも使わせていただいています。便利! [browser-shot url=”http://www.skyscanner.jp” width=”550″] エクスペディア(航空券/ホテル) こちらは、ホテル·航空券·ツアーの最安値を検索できるサイトです。ホテルの写真もたくさん見れるので、「宿泊施設」を探すときには重宝しています。 [browser-shot url=”http://www.expedia.co.jp”

    知らなきゃ損する!「1番安い」を探せるWebサービスまとめ
  • レスポンシブwebデザインの作り方とSEOとUXを考察

    2013年は更に レスポンシブ は流行ではなく 一つのデザイン定義として定着する年なのではないかと。 その定着する新しい手法のデザインの作り方と SEOUX の観点から考察していきたい。 レスポンシブwebデザインの基 レスポンシブwebデザイン とは 1ファイルでどんなデバイスでも柔軟に対応する事が出来る手法です。 この手法が編み出される前は、端末別等で違うCSSファイルを呼び出し、デザインを変えていたかと思いますが、このやり方だとデザインを変更する時に端末別に分けた分のデザインを変更しなくてはなりません。 レスポンシブwebデザイン もそうゆう意味では変えなくてはならないのですが 横幅の計算でデザインしていきますので変更点が少なくなります。 初めは リキッドデザイン と似ていると感じると思いますが、違いはこちら ■リキッドデザイン これで レスポンシブwebデザイン とはなんぞ

    レスポンシブwebデザインの作り方とSEOとUXを考察
  • 新着記事

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

    新着記事
  • 新着記事

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

    新着記事