Page 15 of 17
クックパッドやマネーフォワードなど、主要なWebサービスの開発にも使われているRuby on Railsですが、比較的新しいフレームワークだということもあり、プログラミング初心者には一体どのようなもの…
Figma(フィグマ)とは、ブラウザ上で作業することができるデザインツールです。 競合にはSketchやAdobe XDなどがすでに人気を占めていますが、Figmaにしかない機能もたくさんあり、一部で…
ボタンや見出しなど、Webデザインの核となるパーツに関するCSSサンプルコードが紹介されているページをまとめました。 想像以上に優れたデザインが多数紹介されていて、中には難しいコードも紹介されています…
Adobe XDは、SketchがUIデザインツールの主流となりつつある中で、2016年に突如登場したUIデザインツールです。 PhotoshopやIllustratorなどのメジャーなツールを提供し…
ネイティブ広告とは、関連コンテンツの中に表示されている広告です。関連記事広告や、関連コンテンツ広告と呼ばれたりもします。 最近ではネイティブ広告を掲載しているサイトも増えてきていて、今後の広告掲載のス…
Webデザインをしているとアイコン素材を使うことが多いと思いますが、アイコン素材の管理はきちんと行っていますか？ おそらく多くの方が管理が行き届いていなかったり、管理できていたとしても手間だと思ってい…
最近、ページの周りを枠線で囲ったようなデザインのWebサイトをよく見かけるようになりました。 ページに枠線を付けることで、ページ全体の印象が締まったものになり、少し違った印象のページを作ることができま…
スプリットスクリーンレイアウトとは、画面を大きく分割して表示するデザイン手法です。 分割するため対比を表現したい場合に使われたり、画面の片側をメニューのようなガイド表示に使用する場合も多いですね。 今…
2017年2月に見つけた、デザインの参考になるWebサイトをまとめました。 どのサイトもしっかりと作り込まれていて、細部の細かい演出まで参考になるので、ぜひご自身でもチェックしてみてください。 RID…
マテリアルデザインはGoogleによって発表されたデザインの考え方と手法です。 マテリアルデザインはユーザビリティを考えたデザインということが特徴で、シンプルかつ分かりやすいデザインを作成することが可…
SEO対策については色々な書籍やページで紹介されていますが、SEO対策に必要なツールについては実はあまり知られていない場合が多いです。 SEO対策を行う上でツールやサービスの活用は欠かせません。 今回…
パララックス(Parallax)は視差効果とも呼ばれ、スクロール時の動きに演出を加えるようなデザイン手法です。 Webサイト制作の現場でよく使われる手法であり、デザインに動きが加わるため見ていて楽しい…
プログラミングは独学で学ぶとなるとなかなか大変です。 書籍を使って勉強してみても、本に書かれているものは作れるけど、いざ自分で作りたいものを作ろうと思ったらエラーばかりになってしまったり、手が動かなか…
WordPressのようにアクセスされる度にページを生成するのではなく、予め生成しておいたページを表示する静的サイトが再び注目を集めています。 静的サイトの特徴やメリットとデメリット、人気の静的サイト…
多くのWebサイトでSEO対策が行われていますが、意外とWebデザインが与える影響については知られていません。しかし、SEOに強いサイトを作るためにはWebデザインからしっかりと対策を行っておくことが…
個人で経営している飲食店やショップではホームページ制作というのが結構頭を悩ませるものです。 自分でコーディングするスキルは無いけれど、依頼するとお金がかかってしまうと悩んでいる方は、テンプレートを利用…
2017年1月に見つけた、デザインの優れたWebサイトをまとめました。 今回はミニマルデザインをうまく活用したWebサイトと、アニメーションや動画を活かしたWebサイトをご紹介していきます。 EPOC…
可変グリッドレイアウトとは、画面の幅を変更することでグリッドが最適な配置に整列するようなグリッドレイアウトのことを言います。 レスポンシブデザインとの相性がいいのはもちろん、PCでの表示でもデバイスに…
チャットボット作成サービスは色々な企業が提供していますが、チャットボットと言っておきながらマガジン形式の一方通行のコミュニケーションで会話には対応していないものがまだまだ多いです。 しっかり会話してコ…
検索結果の上位表示を狙うためにはドメインパワーの強さが必要となります。 ドメインパワーを高くするためのポイントを意識しながらサイトを運営することで、ドメインパワーは徐々に高めていくことができます。 今…
2017年1月に登場したWeb業界の最新ニュースと話題になった記事をまとめました。 注目はデザインの制作現場での働き方を大きく変えるかもしれないデザインツールと、人工知能(AI)やVRなどの最新技術で…
ミニマルデザインは、ページを構成する要素を最小限に絞ったシンプルなページを作るためのデザイン手法です。 シンプルながらもおしゃれなページを作ることができるミニマルデザインは、Appleなどの大企業もサ…
実店舗で商品を販売する場合は実際に商品を目にして、触れてお客さんが実物を確認することができます。 一方、ECサイトでは商品の魅力を伝えられるものは画面上の写真やテキストだけなので、そのデザインによって…
Googleフォントは、Googleが無料で提供しているWebフォントのサービスです。 Webフォントは様々な端末で表示を揃えることができるので、Webデザインの現場でよく使われます。 今回は、Goo…
