やまだ

Webデザインなど / #デジLIG Web専攻 2023年7月生(済)

[やまだ @8md_study]

とっっても遅くなってしまいましたが #デジLIG の卒業制作です…！色々ご調整いただいたクライアント様には感謝しかないです、まだまだ未熟なところたくさんですがひとまず公開までこぎつけて良かった…

[やまだ @8md_study]

宿のアドバイザー 大矢雄一郎さまのサイトを制作させていただきました。
https://t.co/5Q5DdlpU9j

[やまだ @8md_study]

構成で「紙っぽさ」が出てくる！
Webの基本的な横方向への目線の動きをどう崩していくかが、重要な要素なのかもなあ

Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane @akane___UI #note https://t.co/oys6uFotFZ

[やまだ @8md_study]

星野リゾートのホテル紹介、ブランドごとにWebフォントを変えてる。構成が似ている分、それぞれのブランドイメージを伝えるしかけの一つになってる
「高級宿」だけでも、フォント一つで与える印象がだいぶ変わってくる。

[やまだ @8md_study]

Adobeソフトのバージョンアップタイミング、わからん…

[橋口幸生 @yukio8494]

アビスパ福岡の選手カード、サッカーと全然関係のないことばかり書いてあるのがすごく良い。

[やまだ @8md_study]

企画書、まとまらないぞ～～

[やまだ @8md_study]

游ゴシックにうっとりする深夜１時

[やまだ @8md_study]

抑えた色味が写真を引き立てる。英字の見出しに使われている細身のスクリプト書体がやわらかな雰囲気に合っている。見出しと本文のウェイトの差はそこまで大きくないけど、スクリプトの大文字のラフな動きがが視線誘導になっている。
https://t.co/WhS5AO1Z6a

[やまだ @8md_study]

変則的な3カラム。左がヘッダー、中央が見出し、右がコンテンツと左→右で粒度が細かくなる。コンテンツが横方向へ広がりが取れない分、中央部のスクロールは制限。グロナビが日本語なのは、タイポグラフィを強く押出したデザインと合わせ、収まりの良さや軸の揃いを感じる。
https://t.co/xtDAQhgtce

[やまだ @8md_study]

アースカラーでカラフルな座布団（かたちはクッションっぽい）＋ハーフトーン加工の画像＋人物画像はくっきりと。それぞれで異なるテイストを使うことで、レイヤーを意識させることができる。背景にパターン（方眼）でも、コントラストの差が少なくなって見やすくできるんだな
https://t.co/8sAfo0cgFi

[やまだ @8md_study]

Notionのデスクトップアプリがエンドレスぐるぐるしていたがこれで解決した　メモ
https://t.co/OWYWS2Jzzx

[やまだ @8md_study]

文字の切替の素早いアニメーションと写真のスライドショーのゆったりとしたアニメーションのバランスも、見ていて気持ちよさを感じる要因だと思う。

[やまだ @8md_study]

建物や教室を全体ではなくクローズアップした写真が使用されており、大学生活のふとした瞬間を思い起こさせる。PC版とSP版でレイアウトの最適化がされていて、SP版ではタイムラインが下部に配置されているためより学生の一日の流れが強調されて感じる。https://t.co/rnTDjxANUA

[やまだ @8md_study]

抑えめの赤の配色# CC0110は、表現への情熱性への訴求と、大学として地に足ついた学びの場としての大学の信頼性を感じる。背景と文字色のコントラストが見づらくなってしまう可能性がを考えたが、文字黒みの差の大きい明朝が採用からかあまり読みづらさを感じない。
https://t.co/wDmcEnNLkL

[やまだ @8md_study]

イラストの色使いがソリッドで目を惹く一方、テキストや背景は抑えた色使いをしていて、先進性と落ち着きを同時に感じる。パーツの大きさや配置、アニメーションから、閲覧しながらサイトを操作しているような、そんな印象も感じる。
https://t.co/Ia6Fv9VAx5

[やまだ @8md_study]

SNS運用会社らしく、縦型動画をモチーフにしたFVや事業紹介。SP版では端末いっぱいに要素が広がるが、PCではスライダーに扇型のレイアウトを採用していて、単純に横並びのスライダーよりもより縦型画面であることというかスマホ端末を持っている印象が際立つ感じがする。https://t.co/sR0qfzYzxh

[やまだ @8md_study]

SP版ではセクションにまず写真が来て見出し→段落の構成だが、PC版では2列のレイアウトを採用していて、写真とテキストが交互にお入れ替わりながらセクションを構成している。高さのある写真がセクションの繋がりや視線誘導の役割を担っている。
https://t.co/F59542FnR5

[やまだ @8md_study]

欧文:DIN+和文(見出し):FOT-UD角ゴC60 Pro。見出しはコンデンス書体で、欧文(DIN)との混植の違和感を減らしつつ、単独でもフォントサイズに比して横幅が狭く、家具やインテリアの写真の邪魔をしていない。取り扱われている家具のすっとした姿とも親和性を感じる気もする。https://t.co/NsUmRKdFMi

[やまだ @8md_study]

文中に別コンテンツへのボタンがインライン配置されていて、気になったものへすぐに移動してイベントの詳細を見に行ける。ハイパーリンクというWebならではをあらためてうまく使っている表現だなあと思う。
見出しが表示エリアにはいる度にドミノみたいに動いてかわいい。https://t.co/mBEajLBbTN