[B! UI] cooshinのブックマーク

Webデザインの引き出しを増そう！細部までこだわったUIデザインが参考になるDribbbleアートワークのまとめ

Webデザインのセンスを磨くには、いいものをたくさん見て引き出しを増やすこと。最近公開されたUIデザインのアートワークをDribbbleから紹介します。人気が高いのは、写真をより魅力的に見えるようにレイアウトすること、またアニメーションを使ったユーザーを楽しませるインタラクションも面白いものばかりです。各アートワークは大きいサイズの画像やPSDをダウンロードできるので、気になったものはリンク先をチェックしてみてください。

cooshin 2015/05/22

リンク

次のWebデザインですぐに役立つ！UIデザインに関する知識を深めステップアップを考えている人にオススメの本

Webデザインで大切なのは、そのデザインが分かりやすく使いやすいこと。UIデザインにおける分かりやすさ・使いやすさをしっかりと身につけることができるオススメの本を紹介します。「ページごとにボタンのデザインを変えない」「文章は構造化して箇条書きに」「プルダウンなど狭い幅を移動させるのは困難」といった当たり前に使ってるUIデザインの原則も、文章でしっかり解説されると理解が深まり、デザインするのが楽しくなる一冊です。

cooshin 2015/03/15

リンク

サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、制作部デザイナーのぺちこです。近頃動画を使ったサイト制作に関わらせていただく機会に恵まれておりますが、お恥ずかしながらvideo実装をしたことがなかったので、ひたすら勉強三昧でした。背景に動画を使ったサイトも、今ではだいぶん主流になってきた印象ですが、動画を1つのコンテンツとして、長めにしっかりと載せているサイトも増えてきましたね！動画を大事なコンテンツの一部とすると、 YouTubeやVimeoで簡易的に載せるだけではどうしても物足りず…。せっかくなので<video>タグを使用してオリジナルのコントローラーやシークバーを作ってしまおう！というのが今回の記事の内容です。では早速行きましょう！オリジナルUIの全画面動画を<video>で実装する方法 JSを使用すればvideoをがっつりコントロールできるのですが、これがまた調べてもスクリプトが出てくるばかりで、