モーダルとポップアップの違いは？ユーザビリティを良くするウィンドウの使い方まとめ | Workship MAGAZINE(ワークシップマガジン)
思うように閉じてくれないウィンドウに、イライラしたことはありませんか？ モーダルウィンドウとは、まさにそんなウィンドウのこと。 Webサイトやアプリケーションに組み込まれるUIのひとつであるモーダルウィンドウについて、適切な使い方や基本的な情報をまとめました。 モーダルとは「モーダルウィンドウ」 モーダル（=modal）とは「モードを持つ」という意味で、「あなたがこのウィンドウを閉じるまでなにもさせません」というウィンドウのことです。 ウィンドウ内で表示された操作を完了する、あるいはキャンセルをしなければ、ウィンドウの外をクリックしても戻れません。 このため、モーダルウィンドウはユーザーに重要な操作や確認を促したりするときに用いられることが多いです。また、モーダルウィンドウは『JavaScript』で作られることが多いです。 近年は操作感が悪くなるという理由から、モーダルウィンドウを避ける
デザイナーの役割ガイド2018！デザイナーの肩書きと仕事範囲
最近、私の同僚の一人が、会社で担当しているWebサイトを作るのにデザイナーを雇う必要があると私に相談しました。彼女は都市デザイナーでしたが、デジタルデザイン領域には特に関わったことがなく、ちょうど近くにいたデザイナーの私にこう尋ねたのです。 「どのようなデザイナーを雇えば良いの？」 この問いに対して、私はいくつかの回答をしましたが、いずれも的を得た答えではありませんでした。 そこで今回は、2018年の段階におけるデジタルデザインの全領域はどのような状況なのか、改めて整理し考えることにしました。以下、その全貌をまとめます。私の同僚からも、「もっと前からこれを知りたかった！」とのフィードバックも受けました。 はじめに：デザインスキルのペイントストローク理論について ひとりとして同じデザイナーはいません。そのため、デザイナーを簡単にグルーピングするのは無責任です。ここで、The Soft Ski
誰も教えてくれないフラットアイコンの作り方 - Workship MAGAZINE(ワークシップマガジン)
複雑なデザインが可能になったいま、グラデーションなどの装飾を廃したシンプルなデザインの価値が見直されています。アイコンについても、シンプルでフラットなアイコンをあちこちで目にするようになりました。 今回はそんなフラットアイコンをモノクロで作成するために必要な知識を、ひとつの記事にぎゅっと凝縮してお伝えします。 1. オプティカルグリッドを使ってみよう オプティカルグリッドとは、円・四角などの幾何学形を組み合わせたグリッド線のこと。 多くのアイコンは、長方形、正方形、円形、三角形などのベーシックなかたちにあてはめることができます。これらの図形をぼかしてみると、形状の違いはあれど、すべての図形が同じくらいのウエイトを持っていることがわかります。 これらの図形を、形状に応じてオプティカルグリッドにあてはめてみましょう。たとえば、四角形のアイコンは三角形や長方形のアイコンよりもコンパクトになること
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
