人の感情は「色」によって刺激されると言われています。ここでは、Webデザインにおいて色が重要である理由について考察していきます。 どうしてWebデザインにおいて色は重要か Webデザインにおける配色は大抵の場合、個人の好みに左右され、後から付け加えていくものという印象があります。もしプロダクトのディレクターがオレンジ好きなら、そのプロダクトのロゴはオレンジになるでしょう。 しかし色には見た目以上……
Linuxでファイルシステムのディスクの使用状況を確認する場合は、dfコマンドを使用します。dfコマンドの使い方dfコマンドの書式は以下の通りです。$df [オプション] [ディレクトリ・ファイル]オプション-aMNT_IGNOREフラグでマウントされたものも含め、すべて表示します。-bサイズをバイト単位で表示します。-kサイズををキロバイト単位で表示します。-mサイズをメガバイト単位で表示します……
Linuxで指定したディレクトリ内の使用量を調べる場合は、duコマンドを使用します。 duコマンドの使い方 duコマンドの書式は以下の通りです。 du [オプション] [ディレクトリ] duコマンドは指定したディレクトリ以下のすべての使用量を表示します。ディレクトリを指定しなかった場合は、カレントディレクトリ以下のすべての使用量が表示されます。 オプション -a ディレクト……
Linuxでメモリの使用量、ハードディスク内にあるスワップ領域の使用量を確認する場合は、freeコマンドを使用します。Freeコマンドの使い方Freeコマンドの書式は以下の通りです。$ free [オプション] オプション-bメモリの容量をバイト単位で表示します。-kメモリの容量をキロバイト単位で表示します。-mメモリの容量をメガバイト単位で表示します。-s指定した秒間隔で表示を続けます。-t……
Web制作をする際に必ずと言っていいほど必要になるのが「ボタン」です。 今はCSSのみで作られているボタンが主流で、たくさんのライブラリやスニペットが出回っていますが、作っているサイトによってはアニメーションが過剰すぎたり、トーンが合わない場合も出てきます。 そこで今回は派手でかっこいいアニメーションというより、実用性や汎用性を重視したボタンに厳選して、コピペでお手軽に使用することができるCSSの……
Windowsに「My Computer」のアイコンがあった時代を覚えていますか？ あなたのコンピュータ上にある、すべてのアプリケーション、ファイルやその他のデジタルコンテンツを詰め込んである、小さなアイコンのことです。 後のバージョンのWindowsでは、Microsoftはこのアイコン名を「Computer」へと変更、さらには「This PC」へと変更しました。その理由は何だったのでしょうか？……
ボタンは私たちにもっとも身近な、ごく普遍的なインタラクション要素です。とてもシンプルなUI要素でありながらも、ここ数十年でそのデザインは大きく変化しましたが、いつの時代も大事なのはその明確さと認知性でした。 この記事では、ボタンデザインの進化を振り返り、効果的なボタンを作るための方法論について見ていきたいと思います。 スタイルの進化 立体的なボタン 昔からOSのボタンデザインは、周りの要素からボタ……
近年、UIにおけるアニメーションやインタラクションの重要度が増していますが、それらをデザインしたり実装する際、様々なものを参考にすると思います。 実在するアプリもさることながら、DribbbleやBehanceなどのポートフォリオサイトではデザインコンセプトとしてアップロードされているものも多く、参考になるものはたくさんあります。 中には独創的なものもあって、実用性に欠けると感じるようなものもある……
デザインに関わる仕事をしていると、奇抜で目を引き、ユーザーの世界を変えるくらいに強いインパクトを与えるクリエイティブに憧れることがあります。一方でデザインを「課題解決」と解釈すると、必ずしも目立つことが正解ではありません。 今回は「映画」と「Webサイト」という２つのメディアに共通する「意識されないこと」の重要性について、考えていこうと思います。 没入しているユーザーは「考えない」 突然ですが、僕……
WebサイトのSEO対策において重要とされる「クローラー」。ざっくりとしたイメージはあるけれど、実は深く理解していない方も多いのではないでしょうか。 特にWebサイトの運営に何らかの立場で関わっているならば、必ず中身を知っておきたい言葉です。今回は、検索エンジンにおけるクローラーの意味や仕組み、SEO（Search Engine Optimization）対策との関係についてご紹介します。 クロー……