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

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

UI

Googleデータスタジオで記録をグラフにしてみよう!

日々の活動データを記録したら、それを見やすいグラフにする方法が紹介されていました。 最近の新型コロナ騒動でリモートワークが推奨されていますが、仕事のペース配分を把握するのに役立つと思います。 hum-id.jp スマホアプリ等で記録したデータを加工し…

サイズを変更できるWindows用の時計ソフト「Eusing Clock」

時間を大切に使うために、時間の経過を意識したい場合があります。 大きくて見やすいアナログ時計とかを目の前に置いておけば良いと思います。 パソコンで作業する場合は、時計ソフトでも代用できるでしょう。 大きくて見やすい時計ソフトを探したら、「Eusi…

ニールセンのユーザビリティ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…