マガジンのカバー画像

bookmarks by unshift

24
気になるサイトのブックマーク集です。
運営しているクリエイター

#ウェブサイト

Bookmarks 2021.10.25

まえがきまた、更新頻度が落ちつつありますが、いつもどおりデザイン目線というよりは実装社目線のレビューです。 株式会社真面目(majime inc.)リリース自体は結構前なのですが、実装のレベルが高すぎると思いました。個人的な好みもありますが、イージングのスピード感などがちょうどよく、全体を通して不自然さを感じさせないサイトでした。お手本にしたい。 どんなにデザイナーさんが静止状態でいいデザインをしても、実装して動きをつけたら野暮ったい、、みたいなサイトって結構あると思うん

bookmarks 2021.07.08

まえがき今回も前回に引き続きDeveloper目線の分析を多めに。今回はあとがきもあるよ。 BAKE INC.フォントとサイト全体で採用している三角形のモチーフから、全体的にジオメトリックな雰囲気 (大好物)。 各所に散りばめられている三角形はSVGで実現されていて、マスクやアニメーションなどに効果的に使用されています。ページ遷移は三角形の角度に合わせた(?) 斜め方向という斬新さ。 全体的なアニメーションの速度感が絶妙で、大胆な演出なのにやりすぎておらず上質な印象を受

bookmarks 2021.05.18

まえがき例によって間が空きまくってしまいましたが、このbookmarksの記事についてちょっと考え直しました。 今までは完全に自分用のブックマーク代わりとして使用しており、まぁついでだから公開してもいいか、くらいのノリでnoteに公開していましたが、せっかく公開しているのだから、もうちょっと自分の考察も言語化して載せたほうが自分のためになるなぁと思い、今回からメモも2~3行ではなく、できる限り考察を入れていきたいと思います。 また、考察も自分の強み (演出・開発) を生か

bookmarks 2020.09.01

気づけば9月、、もう今年も残り4ヶ月ですね。。 ぶにぶにと有機的な動きからソリッドな矩形に遷移する動きって意外とあまりなかったのかも。 Labページの見せ方、コンテンツも良い。かわいいのにかっこいい。 さまざまな形のマスク処理がユニーク。しかも動作も軽い。 文字のアニメーションが軽快。 事例ページの横スクロールタイムライン表示では、スクロール位置が可視化されていて、それがデザインのアクセントにもなっている。あまりみたことのない表現。 シンプルな色使い、タイポグラフィの

bookmarks 2020.06.08

WebGLのWebサイトへの溶け込み方が異常。 全体的にWebGLを使用しているのに、そこまで重くない。 重そうなポストエフェクトを使用しているのにも関わらず。。 全面WebGLでレトロな表現。今まで見たことない。新しい。 ブラウン管テレビっぽい歪みがいい。 珍しいフォント。かわいい。 丸めてめくる! 横スクロールの動きが軽快。背景の両端の処理の細かい演出がいい。 派手な演出をしているわけではないが、 フォント選び、マイクロインタラクション、フェードのスピード感な

bookmarks 2020.04.03

インプットが追いついていない、、仕事に追われていてもいいデザインを観ることは絶対に大事なので時間を取らなくては、、 3Dの演出、スクロール時の演出など 色々盛り込んでいるけど完成度がかなり高い、、 イラストの量、クオリティと、それを違和感なく溶け込ませる実装力。 このコンテンツ量でマイクロインタラクションや 細かいところまでしっかり作り込まれている。 遷移スピードも早いので、サクサク見れる。 PC版のメインビジュアルのインタラクションと スクロール時の演出が印象的。斬

bookmarks 2020.02.20

大胆なタイポグラフィのデザインと、 遷移時のカーブとか、マイクロインタラクションとか 細かいところまでとても気が利いているのが良い。 トップのKVも面白いけど ところどころに散りばめられているキューブがアクセントになっているし 演出のアイディアとしても今まで見たことがない感じで良い。。 よくあるアニメーションだけど、速度感や色使いがとても小気味よい。 ドラッグで操作できる自由度の高いデザイン。 スマホで閲覧した際もPC同じ体験で破綻なく操作できる。 KVのモーショング

bookmarks 2020.01.22

まずタイポグラフィがめちゃくちゃかっこいい上に、mask-imageを使ったテキストアニメーションが斬新でcool。 worksの一覧でロゴがズラッと並んでいるのが素敵。動きも軽快で完成度の高いコーポレートサイト。 トップや実績の大胆なインタラクションが目を引くけど、それ以外にも所々に散りばめられている気の利くマイクロインタラクションがとてもいい。 デザインやインタラクションのクオリティもさることながら、スクールしまくったときの可愛いギミックも最高。 実績の一覧の見せ

bookmarks 2019.10.15

またまた久しぶりになってしまいました。。しっかりトレンドは追っていかないといけないですね。久々なので数が多いです。 有機的な動きが気持ちいい。 WebGLの使い方はやはりActive Theoryが一線を画している、、 3Dのメタボール、ポリゴンでやってるぽいな〜 というのが気になっただけ。 トップのトランジションエフェクトが今までにない感じがしていい。 シンプルな色使いと、タイポグラフィがよい。 KVのアイディアもおもしろい。 ただ、トランジション時にローディング

bookmarks 2019.05.07

かなり久々の更新になってしまいました。 そのサイトがすごいのはもう知ってるよ!的なものも多いかと思いますが、備忘録も兼ねて。 ・・・ Futuraが効いている、シンプルだけど洗練されたデザイン。 日本語フォントのチョイスとサイトのトンマナのバランスが取れている。 アニメーションも楽しげ。 ひたすら写真を歯医者さん。構成が斬新。 スマホ版でこの位置のメニューはブラウザだとどうしても2回タップしなきゃいけなくなっちゃうからどうしたものか。 カラコンをWebGLのパーテ

bookmarks 2018.12.11

2ヶ月ぶりの更新ですが、細々続けてます。。自分のために。 演出が全く閲覧の邪魔にならないレベルで散りばめられている。 非同期遷移で、PC版はリンクロールオーバーでコンテンツを先読みしてるので、遷移が早い。 スマホのメニューが所見では難易度が高いように思えるが、 どちらの手でも使える設計。慣れれば○。 演出も小気味よくて、全体的にポップな印象がいい。 ポップなイラストがかわいくて動きも良い。スマホのスワイプの動きがもうちょっとよければ。。 こういうかわいいイラストを使っ

bookmarks 2018.10.12

WebGLとDOMをうまく組み合わせた素晴らしいメインビジュアル。 細かいギミックが、コンテンツを読むのを邪魔しないレベルでいい雰囲気を演出している。 マウスホイールのインタラクションがcool シンプルな色使いとタイポグラフィで魅せる。 メニューも配置しない潔さ。 http://romaingranai.be/ 斬新なスクロール芸コンテンツ。 最近よくあると思いつつ見てたが、スクロールの演出が非常に気持ちい。 最近のはやりギミックすべて盛り込み系ポートフォリオ

bookmarks 2018.09.03

変則的だけど理にかなっているスクロール芸と操作性を損なわない小気味よいアニメーションが○ 色使いもいい。 トップページの魅せ方が斬新。シンプルなタイポとサムネイルのリストがかっこいい。 ブレンドモードを効果的に使っている。 シンプルなゲームだけど、エフェクトの小技が効いている。 ページをめくるときのエフェクトがとても気持ち良い。 今まで見たことない感じのポートフォリオサイト。 気持ちいいエフェクトはトップだけと思いきや仮想のスクロールもグニョンとしててイイ。 下層

bookmarks 2018.08.07

サムネの表現がおもしろい。 旗のように揺らめくエフェクトがかっこいい。 メニューを開閉する際の演出がいい。 シンプルだけど洗練された日本製サイト。 bakeの箱! 映像のトランジションが良い。 カップとピンポン玉でずっと遊んでしまう。 トップのメニューの動きが◎ Music x WebGL (WebVR) すっと見てられる