浜村拓夫(・∀・)作品集

頭の中にあるイメージを表現できるデザイン力が欲しいです(><)

UI

ニールセンのユーザビリティ10原則

デザインを修正するときのコツが紹介されていました。(メモ) www.yasuhisa.com 私たちは論理的に考えようとしますが、感情的に物事を捉える生き物です。 どうしても「好き」「つまらない」といったリアクションを即座にしてしまいがちですが、「好き = 良…

教材作成ツール

Webのデジタル教材を作ってみて苦労したことはUIの設計でした。 四択のマークシート形式クイズを作ったら、長い問題文の場合、解答欄の位置がかなり下になってしまいます。 画面の大中小(パソコン>タブレット>スマホ)のそれぞれで、ボタンの配置など考慮…

GUIアプリの作り方

コンピューター(電子計算機)を搭載した機器の操作は、CUI(キャラクター・ユーザー・インターフェース)よりも、GUI(グラフィック・ユーザー・インターフェース)の方が、手軽で便利ですね。 ・GUIとCUI コンピュータ用語で「ユーザインタフェース」 (Use…

JavaScriptでサイドメニューを隠す方法

Webサイトをリニューアルしていて、サイドメニューのパネルを出したり引っ込めたりする方法を使いたいと思いました。 Bootstrapの標準機能にはなかったので、Google検索したら、「Sidr」や「Scotch Panels」などのjQueryプラグインが、提供されていました。 …

WebサイトUIの3D化

今現在のWebデザインでは、2DのUIを作るのが主流だと思います。 しかし、Unityなど、3Dコンテンツを簡単に作れるツールが進化&普及してきたら、WebデザインでもUIを3Dにする事例が増えてくるのではないでしょうか? つまり、ゲームのような3Dのデザインが、…

Googleマテリアルデザインキット

WebデザインでCSSフレームワークは、もっぱら「Twitter Bootstrap」を使っていました。 モバイルファーストのサイト構築なら、「Googleマテリアルデザインキット」も良さそう。 ちょっとレスポンシブデザインを試してみたいと思います。 (via Material Desi…