Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

【2020年版】プロジェクト進行管理に便利なガントチャートツール20選

プロジェクトの進行においてスケジュール管理というのはとても重要になります。スケジュールをしっかりと把握しておかなければ効率よく業務を進めることもできなくなってしまいます。このスケジュール管理をするために使うと便利なのが「ガントチャート」です。 ガントチャートとは ガントチャートは横軸に日付、縦軸にタスクを並べ、各タスクごとに予定を記入したり進捗を記入することで、プロジェクト全体のスケジュール管理が……

投稿日:

Webデザインでのリキッドエフェクトの活用

私たちが競争社会で人の目を引いて生き残るには、他の人よりさらに多くの努力が必要となります。これが現代の、オンラインというジャングルで生き抜くためのまず最初のルールです。ただし、それは必ずしも、何かを新しく作り直したり、人より多くのお金を持っていなければならないというわけではありません。 重要なのは、大きなアイデアを取り巻くすべてのあわただしさの中でも、細かい部分のディテールに目を向けているかという……

投稿日:

Webサイトの「空白」がデザインに与える3つの効果

完成したデザインを見つめて「何かが足りない」と感じたことはありませんか? より具体的に言えば、デザインが「空っぽだ」、「散らかりすぎだ」という結論に達したことはないでしょうか? 私たちデザイナーにとって、このような状態に陥らないよう、制作物に十分な時間を費やすのは難しいことです。 このような現実は衝撃的ではないでしょう。結局のところ、デザインのもっとも基本的な原則は、クリエイティブに要素を取り除き……

投稿日:

UIにダイナミックなアニメーションを盛り込める20の無料ツール

近年では誰もがアニメーションを活用します。たとえばBttn.cssやHover Buttonsといった、ボタンに追加できる非常に小さなホバー効果や、Granim.jsを介して動く、魅力的でダイナミックなグラデーションスタイルの背景などが存在します。サイズにかかわらず、アニメーションはタイポグラフィやナビゲーション、ロゴタイプなどと同じように、インターフェイスにとって不可欠な要素です。アニメーション……

投稿日:

レスポンシブで軽量な20のCSSフレームワーク

良質でレスポンシブなCSSフレームワークを使えば、どんなWebデザインプロジェクトも有利にスタートできます。CSSフレームワークのなかには、Bootstrapのようにコードが多すぎて重いものもあれば、反応が遅いものもあります。 不必要な選択肢に悩まされない、操作に十分な機能だけあるものが理想的でしょう。 よければ、Material Design Web FramewoeksやOpen-Source……

投稿日:

TSUTAYA TVなどの事例からみる、成果を出すためのLPOのプロセス

LPO(ランディングページ最適化)と言うと、情報量が多く派手なLPを作るようなイメージもあるかも知れませんが、今はいかにユーザーの心理を汲み取り、彼らのニーズに合わせた情報を提供できるかという方向にシフトしています。 今回は国内売上No.1のLPOツール「DLPO」を提供するDLPO株式会社の方に同社の具体的な事例を交えつつ、LPOの極意について聞いてみました。 DLPOとは ― まずはDLPOに……

投稿日:

pyenvとvirtualenvを使用してPythonの開発環境を構築する

今回は pyenv と virtualenv で Python の開発環境を構築する方法について説明します。pyenv と virtualenv を使うことで、複数の Python のバージョンを共存させたり、環境ごとにパッケージを管理したりすることができます。 pyenv とは pyenv は複数の Python のバージョンを簡単に切り替えることができるライブラリです。Python では Py……

投稿日:

CSSでカーソルの形状を指定する方法

マウスカーソルの形状を変更することでユーザーにとっても動作がわかりやすくなる場合があります。今回はCSSにおける「cursor」プロパティの使い方をご紹介します。 cursorプロパティとは 通常のカーソルは矢印で表示され、リンクや文章のところにマウスオーバーすると自動的に切り替わるようになっています。「cursor」プロパティを使うとページ上で表示されるカーソルの種類を任意で変えることができます……

投稿日:

CSSで値を計算式で指定する方法

CSSのcalc()関数を使えば、横幅や高さに指定する値を計算式で記述することができます。 calc()関数について calc()関数で使用できる演算子は+(加算)、-(減算)、*(乗算)、/(除算)です。かけ算やわり算が基本的に先に計算され、「()」を使用して計算順序が指定できるなど、ルールは通常の計算と同じです。 加算と減算の場合は演算子の前後に半角スペースを必ず入れなくてはなりません。乗算と……

投稿日:

Webデザインにおける写真のトレンド6選

高画質なスクリーンが一般的になったことで、視覚的なメディアとして発展するWebデザインにおける、写真の役割が大きくなっています。美しい写真の使用は、不変のテクニックです。 この記事では、Webサイトでの写真においてもっとも人気のある6つのトレンドを紹介します。 目を引くヒーローイメージ スクロール画像上の全面を占めるヒーローイメージは、Webデザインにおいて、もっとも人気の高いトレンドの1つです。……

投稿日: