pazupazu

webデザイナー

pazupazu

webデザイナー

記事一覧

クラシルのリデザイン 詳細ページ

delyの坪田さんがリデザインを募集!ということでこれ幸いと挑んでみました。 今回は詳細ページの提案です。figmaのプレビューはこちら https://www.figma.com/proto/rm1

pazupazu
4年前
6

Webサイトの速度改善のためにデザイナーが真っ先にやるべきこと

それは、Squooshをつかって画像を圧縮すること! Webページの速度に関しては年々注目度が増しており、SEO的観点、UX的観点、収益的観点どこからみても表示が早いに越した…

pazupazu
4年前
5

デザイナーにおすすめのChrome Extension

デザイナーにおすすめのクローム拡張を紹介します。 一般的な拡張機能Awesome Screenshot 長いページを一気にスクリーンショット取りたいとき(スクロールスクリーンショ…

pazupazu
4年前
4

「ウェブデザインの思考法」を読んだ話

ウェブデザインの思考法という本を読みました。 対象はWebデザイナーさんむけです。 本書の目的 ウェブデザインを 機能性と情緒性という2つの軸で分析、体系化。 関わる…

pazupazu
4年前
4

ジャンル別 WEBメディアのスマホレイアウトまとめ(172サイト・2019年2月)

UIの参考になるかと思い、ジャンルごとにWEBメディアのキャプチャを取りまくりました。 iPhoneXサイズですがChromeのレスポンシブモードで取りました。実機ではないため、…

pazupazu
4年前
3
Webサイトの速度改善のためにデザイナーが真っ先にやるべきこと

Webサイトの速度改善のためにデザイナーが真っ先にやるべきこと

それは、Squooshをつかって画像を圧縮すること!

Webページの速度に関しては年々注目度が増しており、SEO的観点、UX的観点、収益的観点どこからみても表示が早いに越したことはありません。

しかし、抜本的な改善を行うためには結構開発コストがかかります。
そこですぐにでもできる改善策として画像圧縮があげられます。
場合によってはこれだけでも大幅に改善することもあります!

Squooshにつ

もっとみる
デザイナーにおすすめのChrome Extension

デザイナーにおすすめのChrome Extension

デザイナーにおすすめのクローム拡張を紹介します。

一般的な拡張機能Awesome Screenshot

長いページを一気にスクリーンショット取りたいとき(スクロールスクリーンショット)注釈とかも書き込める

Bitly

短縮URLをサクッと作る

grammarly

英語のつづりをチェックしてくれる。Gmailやnoteを書いているとき(inputしているとき)にリアルタイムでチェックをし

もっとみる
「ウェブデザインの思考法」を読んだ話

「ウェブデザインの思考法」を読んだ話

ウェブデザインの思考法という本を読みました。

対象はWebデザイナーさんむけです。

本書の目的
ウェブデザインを
機能性と情緒性という2つの軸で分析、体系化。
関わる人同士の共通言語を構築し
コミュケーションを円滑にすることを目的としています。

機能性とはデザインによって
ユーザーがアクションしやすくすること

情緒性とは
デザインに接した
ユーザーに生まれる感情・印象のこと

情緒性と機能

もっとみる
ジャンル別 WEBメディアのスマホレイアウトまとめ(172サイト・2019年2月)

ジャンル別 WEBメディアのスマホレイアウトまとめ(172サイト・2019年2月)

UIの参考になるかと思い、ジャンルごとにWEBメディアのキャプチャを取りまくりました。

iPhoneXサイズですがChromeのレスポンシブモードで取りました。実機ではないため、完全再現ではありません。

また、ちょっと古いデータですのですでにリニューアルされているかもしれません。

各ジャンルの下にあるURLからキャプチャのついたFigmaに飛びます(重いです!ギガが減ります!申し訳ありません

もっとみる