石川ぴちょん(あずぴちょん)

石川ぴちょん(あずぴちょん)

最近の記事

Webサイトのデザインをするときのサイズはどうする?

自分がwebサイトのデザイン作り始めた頃(10年以上前ですけど)、スマホは横320pxでLPを作っていました※PCは1500ぐらいだったかも※ちなみに自分がweb制作しだしたときはガラケー対応サイトがまだまだある時代でした。PCもAdobe Flashをばりばり使っていた時代です。 最近はPCは1920px、スマホは375px(retina考慮でツール上では750px)で作っています。 しかし、スマホのサイズも多様化し、タブレットのシェアも上がってきておりこのままのサイズ

    • 表層デザイン設計を手書きでしてみた

      webサイトの表層デザインを考えるとき、adobeソフトとかFigmaとかスプレッドシートとかで今までラフを作ってました。最近、手書きでスケッチをすることが増えてきて手書きの可能性を感じ、手書きでのラフ作成に最近挑戦しています。 手書きでラフを作っているデザイナーさんやディレクターさんはネットで調べても結構いらっしゃるので、今の時代でも有効な手段だと思います。 自分もwebの表層デザインを手書きで行ってみました。 とりあえず手書き道具紹介試行錯誤の末、現在は下記を使っていま

      • 明るい写真に文字を載せるときどうするか?

        写真画像に文字を載せる、バナー制作やLPのファーストビューを作るなどする際に写真に文字を載せることはよくすると思います。 その場合、画像が暗めならば文字を白寄り、画像が明るければ文字を黒寄りにすれば視認性は問題なくなると思います。また画像に例えば暗いフィルタをかけるなどして加工することも非常に多いと思います。 しかし、写真画像をそのままがっつり見せたいときに、その写真画像の上に文字を載せると視認性が悪くなります。どうすればよいかなあ、と悩んで検証したことを記述しようと 思いま

        • プログラミングとデザイン、ipadでどこまでできるか?

          プログラミングやwebサイトデザインをする際、ipadをどう活用しているか、を書き残します。ちなみにこの記事はipad+キーボードで書いています。記事を書くならipadでも問題ないです。ちなみに自分のipadのスペックは、ipad pro2018 メモリ4GBと高くはないので、最新のipadでは結果は違うかもしれません。 はじめに:手軽にwebデザイン、イラスト、プログラミングをしたい!という要望が自分にあった。個人的にカフェなどで気分を変えて作業することが多く、昔はノート

        Webサイトのデザインをするときのサイズはどうする?

          バナーを作るときに気をつけることって?

          自分の経験+学んだことをまとめてみようと思います。 バナー作成の流れまずは流れを洗い出してみます。 バナーを作る要件を洗い出す スケジュールを出す ラフを作る バナーを作る 計測する ざっくりこの5つかなあと思います。 1.バナーを作る要件を洗い出す まずは作る理由を確認します。 サイト内リンク用のバナーなのか?リスティング広告用なのか?ディスプレイ広告用か?はたまたインスタグラムなどのSNS用なのか? そして、そのバナーを元になにを達成したいのかを洗い出し

          バナーを作るときに気をつけることって?

          コーダーがデザインについて考えてみた

          web関係の仕事を始めて15年ほどたちます自称コーダーです。 さて今回仕事でランディングページのデザインやバナーデザインをすることが増えてきたので、改めてデザインってなんだろう、と思考してみようと思いnoteに書いてみます。日記的な感じで書き残しておこうと思います。 デザインとは設計である、ことは当たり前になってきたかなあ。デザイン、自分がweb関係の仕事を始めたばかりのころはよく「サイトとかをきらびやかに装飾する仕事」という印象が強くありました。自分もそうでした。ちなみに

          コーダーがデザインについて考えてみた