ホームページのリニューアルを成功させる改善ポイント15個
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ホームページのリニューアルを検討中。 でも、デザインや構成など方向性に迷ってませんか？ 実は、ホームページのリニューアルは新しく作るときよりも難しくなることが多いのです。 なぜなら、既存のホームページという比較対象があるからです。 既存のHPと比べて、リニューアル後のアクセスや問い合わせの数が減ってしまったら、リニューアルは失敗ということになってしまいます。 だから、本音を言うと、リニューアルを請け負う制作会社も新規にHPを作るときよりリニューアルのほうがプレッシャーを感じていることが多いです。 そん
デザイン時に気を付けたい目的と手段の取り違え
デザインする時、手段ばかり追ってしまい、「( ﾟдﾟ)ﾊｯ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近
Webデザイナーなら押さえておきたい、今月の優れたWebデザイン（2013年11月）
日本国内のWebサイト / 2013 AUTUMN MIX&MATCH / PRESENT他...全20件
スマホ対応って一言でいうけど何を考えればいい?
スマホSEO講座完全版(テクニカル編) | SEO Japan www.seojapan.com/blog/smartphone-seo マルチデバイス対応の際に考えるべき「コンテンツ・パリティ」とは? ? Rriver parashuto.com/rriver/development/content-parity レスポンシブ・ウェブデザインは上位表示に有利ではない、デメリットもある | 海外SEO情報ブログ www.suzukikenichi.com/blog/responsive-web-design-is-not-a-ranking-factor/ まずは上記リンクをしっかり読んでみてください。 先週に引き続き難しいですが・・・。 スマホ対応には3つの方法があることから覚えましょう。 — ・レスポンシブウェブデザイン(同じURLと1つのHTML/CSS) ・動的な配信(同じURLと
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
LIGデザイナーオススメの便利なWEBサービス・ツール＆サイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナーチームマネージャーのひろです。 最近、息子のアンパンマンのハマり具合に困惑しています。 アンパンマンが、画面に現れるやいなや大興奮。 軽い近所迷惑状態です(@_@;) クリスマスプレゼントは、間違いなくアンパンマングッズでしょうね（笑） さて、今回は、LIGのデザイナーが、普段からWeb制作を行うにあたり、便利に活用しているWebサービスやWebサイトを紹介したいと思います。完全保存版です！Bookmark間違いなしです！！ デザインするときに役立つWEBサービス５選 960 Grid System 横幅960px用にグリッドが引かれたpsdを何パターンかDLできるWebサービス。 http://960.gs/ Gridulator グリッドデザインには必須のグリッドラインを手軽に作れちゃうWebサービス。 PNGを書き出せるのでとても便利です！ http://gridulato
【デザイン】安易にドロップシャドウかけるのやめ隊 – 宇都宮ウエブ制作所
ふぅ、あとはここにドロップシャドウをONと…。てな感じで安易にドロップシャドウかけてやしませんか？ 使い勝手の良すぎるドロップシャドウに警鐘！シャドウだって色々あるよってことで今回はシャドウアイデア集です。 その1：黒じゃなくって補色をつかう デフォルトで#000000に設定されているドロップシャドウ、この色を変えるだけでもグッと洗練された雰囲気に。 たとえばハイライト部分がピンクならシャドウにブルー、という具合に。 この方法はイラスト一日体験教室で教えてもらった手法なのですが、補色関係ってこう使うのか！と目から鱗でした。 その2:シャドウに空の色＆地面の色を足してみる 屋外を想定したシーン、窓際のシーンでは、空の色をブラスした色を使用してみましょう。晴天ならブルー、夕焼けならオレンジ、夜なら深いブルー。さらに地面も光が照り返して反射します。 サンプルでは芝生なのでグリーンを追加。ドロップ
実例で納得！シニアが使えないサイトの例 | マミオン有限会社-パソコン・数学研修、法人研修
パソコン教室でシニア層にインターネットの使い方を教えているときほど 「ああ、ここがもう少し改善されれば！」と吠えたくなる時がある。 「知りたい事」「申し込みたいもの」「買いたいもの」があって ワクワクしているのに、多くの人が、若い人に取っては「些細な」ミスで サイト上で目的を達成できずに諦めたり、 諦めきれないからとサポートセンターに電話して 「その情報はホームページに載ってます」と言われ落ち込んだりしている。 今日は大学の公開講座に申し込もうとしている70歳代後半女性の話。 ウキウキの申し込み「大学の公開講座申し込みたいの。英語をやり直したいのよ」といらしたMさん。 「新聞の折り込みで講座を見たのだけど、ホームページから申し込んでって書いてあって。 ホームページを見たのだけどどうすればいいのかわからないけど ホームページからしか申し込めないらしいから、やり方教えて」 とのこと。 チラシに
デザインに立体表現を取り入れるときのセオリー×6 | ベイジの社長ブログ
iOS7の登場で、フラットデザインへの関心はますます高まっていることでしょう。 ここではそんなトレンドは一切無視して、UIデザインにおける立体表現を行う上で、おさえておくべき大切なポイントをまとめてみました。これらをマスターして、時代に逆行するゴリッゴリの立体表現を行えるようになりましょう。 セオリー１：現実世界の「光源」の基本ルールを守る 唐突ですが、この2つのボタン、立体表現としてどちらが正しいと思いますか？ 左側、「A」のボタンには、以下のような光源の矛盾があります。 ボタン本体の影は、右下に付いている。つまり、光源は左上。 へこんだAの影は、右上に付いている。つまり、光源は右上。 ドロップシャドウは、真下に付いている。つまり、光源は真上。 一方のBは、すべての要素の影が、光源が上の表現になっています。つまり、正解はBです。そしてこれが、現実世界での「光源」（＝影）の基本ルールです。
私がよく使っているWebサイト作成に役立つブックマークレット
ユーザーがウェブブラウザのお気に入りなどに設置されたブックマークレットをクリックすると、ブックマークレットに記述されたJavaScriptの小さなプログラムが、ウェブブラウザで起動する。プログラムはページの外観や表示を変更したり、他の場所にジャンプしたり、子ウィンドウを表示したり、ウェブブラウザで表示中のウェブサイトのURLを取得したり、ユーザーに追加情報の入力を促したりする。 - Wikipediaより ということで、プログラムを起動するボタンとしてブックマークを使う感じです。では、私が普段から使っているお勧めブックマークレットを紹介します。 XRAY クリックした要素の内容を表示してくれます。topやleftなどの位置関係、width、height、margin、paddingなどのボックスに関することなどが一目で分かります。 ColrGrabr そのサイトにどのような色が使われている
WEBサイトの更新における改行位置について
今日はWEBサイトにおけるテキストの改行位置について書きたいと思います。 サイト上には様々な文字がありますが、形式は二つに分かれます。 「画像文字」と「文字」です。 画像文字 画像文字とは、このサイト左上のロゴや、下の方にあるバナーなどに書かれている文字の事で、Photoshop等のソフトで作成します。 WEBサイトには画像を表示しているだけであり、文字情報ではありません。（※1） 画像文字はデザイン重視の場所で使われ、フォントやサイズ、改行位置などは自由にデザイン出来ます。 プレーンテキスト 画像文字以外の文字は「文字情報」であり、「プレーンテキスト」と呼ばれます。（※以下 「テキスト」とします） テキストは選択してコピー＆ペースト出来るもので、音声ブラウザなら読み上げられます。（※2） WEBサイトの情報のメインになるものであり、今回はこのテキストのお話です。 自然改行と強制改行 WE
ミニマルデザインとは？7つのヒントと事例 デザイン会社 ビートラックス: ブログ
Keep it Simple – これはAppleのデザインに対する一環したフィロソフィーである。全てをシンプルにする事。それが彼らの中心的な考え方になっている。 実は、彼らに限らずよく海外のデザイン業界では下記のフレーズが頻繁に使われる: Less is more – より少ないことは、より豊かなことEverything you need, nothing you don’t – 必要なものだけPerfection is achieved when there is nothing to take away – 完璧とはこれ以上削れない状態の事であるこれらはシンプルである事がどれだけ重要であるかを端的に表現している。 もしデザインの仕事が問題解決の為のクリエイティブなプロセスだと定義するのであれば、その方法論はシンプルである事に超した事は無い。言い換えると、最も効率的なプロセスで物質の本
Web担当者が知っておくべき 4つの手法から学ぶ、これからのマルチデバイス最適化 | 株式会社サイト・パブリス
数年前からモバイルユーザー数は増加をたどり、企業ではWebサイトのモバイル対応が必要不可欠になりました。 多くの企業がその対策として、今あるPCサイトをモバイルでも閲覧できるようにするための対応を進めてきました（PCファースト）。 これに対し、モバイルユーザーにとって本当に必要な情報や機能は何なのか、単に見た目や情報量をリサイズするだけでなく、コンテンツ自体をモバイルにフォーカスして構築すべきだというところから、「モバイルファースト」「コンテンツファースト」という考え方が生まれました。 さらにここ1〜2年のスマートフォンの普及により、スマートフォン向けのサイトを一番に捉えるという新しい考え方、「スマホファースト」が生まれました。 PCサイトよりもスマートフォンサイトを先行して開発するという発想は、IT関連やBtoCサイトなどで取り入れる企業が増えています。 中にはフィーチャーフォン（従来の
顧客満足最大化のために、サイト作成時に私が行う１８項目のフロー。
顧客満足最大化のために、サイト作成時に私が行う１８項目のフロー。 ネットが当たり前になった昨今、 「ホームページを作ります」 というビジネスには、なんの付加価値もありません。 ・なんでサイトをつくるのか？ ・どんなサイトをつくるのか？ ・だれがサイトを運営するのか？ ・どうやってアクセスを集めるのか？ ・売り上げを上げるのか、問い合わせを増やすのか？ ・獲得した顧客をどうやって囲い込むのか？ 上げればキリがありませんが、ホームページ作成と、 こういったマーケティングは切り離せないものになってきていると考えています。 今日は、私がサイト作成から支援までどんな手順で行っているかを、 １８のフローに分割し、それぞれのフローの内容と目的を箇条書きして、 それを記事としてまとめてみようと思っています。 未熟な内容かもしれませんが、よろしければお読み下さい。 ただ、大規模なポータルサイトは担当・運営の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
13 Inspiring Examples of Textures and Patterns in Web Design - Web Design Ledger
ウェブのレイアウトやUIデザインの参考になるPinterestのボードのまとめ
16 Inspiring Event Page Designs — SitePoint
新着記事
Skillhub [スキルハブ]
15 Fresh Examples of Clean and Minimal Web Designs - Web Design Ledger