URLが変わると検索順位に影響ある？ 答えは「Yes」で、別URLになるので同じコンテンツでも別ページとしてみなされます。 そうすると新しいページとしてみなされるため、今まで培ってきたページの被リンク、検索順位のインデックスは元通りになり、何も考えずにリニューアルすると検索順位からのアクセスがどっと減る可能性ということも。。 とはいえ、URLが変わってしまうからといってCMSの導入を控えるのはナンセンスです。 URLは変化してもCMSを導入して更新コンテンツをCMSから管理できるようリニューアルすることは可能です。 では、どうすればいいか？ URLが変わっても同一のページだということをGoogleに認識させてあげればOK 301リダイレクトや302リダイレクトと呼ばれる設定を行い、「このページはURLが変わったんだけど、被リンクや検索順位を維持したいから同じページとしてみなしてね」という風

*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-

Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの１年間に実行した8のステップ（デザインの勉強4＋Webデザインの勉強4）をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン（グラフィック・デザイン）

Clients中～大規模サイトを保有し、継続的なPDCA体制を構築したい企業様から 高い評価をいただいています。

こんにちは。年末ですね。クリスマス、忘年会、年越し、お正月と忙しい時期でしょうか。お仕事もラストスパート頑張りましょう。 最近ランディングページでも、フラットなデザインだったりわりとシンプルなデザインを作ることが多くなってきている気がします。昔のようにごりごりに装飾を使うというよりも、“今っぽい”シンプルおしゃれなものを作りたいですよね。そこで参考になりそうなものが、雑誌のデザイン(エディトリアルデザイン)です。紙とWebなのでそのまま真似るのは難しいですが、ちょっとしたあしらいなら参考にできそう！今日はそんなあしらいを紹介します。 版ズレ風文字 カンタンだけど結構おしゃれに見える、そんなあしらいです。基本的には濃いフチに薄い色をズラすのが良いかと思います。見出しに使えそう？ 鉤括弧 鉤括弧といっても普通の「かぎかっこ」ではなく、細めに大きめに、テキスト全体を囲うように使うのがポイント。こ

illustrator, Graphic Designer, Japanese Font Maker Tokyo JAPAN Free fonts, Stock vector illustrations フリーフォント　ベクターイラスト素材 絵本

芯を問い、 成長に貢献する私たちは事業の芯を共に見出し、 その価値をユーザーに届く形へデザインします。 お客さまの事業成長に貢献できるよう、 デザインパートナーとして伴走することを約束します。 私たちについて 事業紹介私たちはこれまで、事業戦略に応じたプロダクトデザイン戦略の立案からUXデザイン、人間中心設計に基づいたデザイン手法を実行することで事業の立ち上がりから成長までの過程を支援します。

スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re

こんにちは、デザイナーの石丸です。 最近はスマホサイトのデザインをする機会がだいぶ増えてきました。 『そろそろ慣れてきたかな』と思っても、 毎回あのスマホ特有の狭い画面に苦戦させられます。。 さて、今回は今までの経験で得た知識&参考サイトをご紹介いたします。 お役に立てれば幸いです。。 では優れたUIを、エリア毎に分けて紹介していきます。 ヘッダーエリア スルガ銀行ANA支店 http://www.surugabank.co.jp/ana/ ロゴの下に敷いてある雲模様が大胆! そしてフッターにも雲が使われています。 サイト全体で空の感じが出ていて、飛行機が飛んでいるように見えます。 いいアイデアですね。 しゅんおき！旬香周島おきなわ http://cp.okinawastory.jp/ ロゴが真ん中にどん！と可愛らしいです。 左にホームボタン、右にメニューボタンが配置されているため 見た目

こんにちは。あっという間に2019年が終わっちゃいますねー！ このブログも停滞したまま12月になってしまいました…。 とりあえず2019年を振りかえろうと思いますー。 息子2歳になる。おしゃべり上手になる 10月で息子が2歳になりました♡ 1歳後半からちょっとずつ言葉が出てきてどんどん会話ができるようになってます。 イヤイヤが出てきたのがちょっと面倒だけどあいかわらず超超超甘えん坊です。 ちょっとした移動も基本抱っこだし、登園はおんぶ。 寝ている時はのしかかられるし、抱えるようにぴったりくっついているから寝返りが打てず身体がギチギチ。 食事もわたしのひざの上で、わたしがお口までスプーンを運んでなんとか食べてくれている状態です。 でも、保育園では自分でがんばって食べているし、おうちではかなり甘やかしているよーー！ 定期発注のお仕事をゲットする 妊娠してから在宅フリーランスとしての収入の柱はと

どうも、Webデザイナーになりたい願望が強すぎてガリ勉してましたガリザワです。 独学でWebデザインを学ぶ時、大量の書籍を買っては読みの繰り返してきました。 実際に買ってみて厳選した良書の紹介です。 なぜ本なのか？ Webデザインの勉強でブログなどネットで情報を集めて学んでいる方も多いと思う。無論、ネットでの勉強を否定するつもりはない。 しかし、何か新しいことを学ぶ上では本から学んだほうが効率的だと思っている。 例えば、デザインやコーディングなど初めて1から学ぶには本のほうが学ぶための体系になっているから、ステップアップで学ぶのに最適である。また、本を出版するために何人ものチェックが入っているので、学ぶのに知識の漏れやダブりが少ない。 よって、最初Webデザイナーを独学で学ぶためには本から学ぶことをオススメしたい。 デザインを学ぶ デザイン本を探すとWebデザインやらグラフィックデザインな

こんにちは、デザイナーの白浜です。 前回「ガーリーなデザインがしたい！おすすめのサイト＆テクニックまとめ」を書いたのですが、まだまだご紹介しきれなかった素材サイトがあったので、part2を書きました！　引き続き、ガーリーなデザインに興味がある方はぜひチェックしてみてください。 ブラシ編 Photoshop用ブラシ ガーリーなブラシ素材、実は結構あります。まずはPhotoshopから。 無料(フリー)素材「レース（ライン）のPhotoshopブラシ素材」 http://webworkkit.minibird.jp/photoshop/brush/lacelinebrush.html シンプルで使い勝手の良いPhotoshop用のレースブラシです。種類も5つあるので雰囲気に合わせて使えそうですね。 こんな感じでブラシの間隔を調整すればビーーーっと継ぎ目のないレースのラインが引けます！　ちょっと

勉強欲が強いディレクターの鮫島です。 普段みなさんは知識を得るためにどのような勉強をしていますか？？ 本を読んだり、セミナーに行ったり、Facebookのタイムラインに流れてくる技術系の記事を見たりすることが多いかと思います。 私も大体そうなのですが、最近それ以外にも勉強する方法を模索しています。 その中の1つとして、ちょこちょこ目に付くオンラインの「スライド資料」がとても分かりやすくて、ちょっとした合間に勉強できます。そこで、私が最近見た中でも、見やすくて勉強になったスライドをいくつかご紹介します。 ちなみに、オンラインのスライド資料サービスについては、過去にディレクターの勢古口が「より美しいプレゼン資料を共有しよう。オンラインプレゼンツール7選」でまとめていますので、ご興味あればこちらもご一読ください。 ディレクター向けのスライド資料まとめ IAシンキングによるモバイル再設計 内容 I

1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ

中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全

こんにちは、ライターの内藤です！ 前回の記事（美しいWebデザインをタイプ別に！見ないと損する目的別厳選Web見本サイトのまとめ）ではWebデザインのタイプ別にわけた見本サイトのまとめを行いました。 今回はその続編として、スマホ・タブレット最適化サイトのデザインまとめをご紹介致します。 目次 ※もちろん順番に読む必要はありません。 スマホ専門デザイン見本 部品別に見られるサイト その他スマホサイトの部品作りの参考になるサイト スマホサイト素材になるキット フリック用JavaScriptプラグイン スマホ対応の無料WordPressのテーマ スマホサイト制作参考 スマホ専門デザイン見本 iPhoneサイトデザイン集のiPhoneデザインアーカイブ http://iphonedesignarchive.jp/ 登録数が半端ないです。 カテゴライズは業種別のみですが、年月アーカイブがあるので、い