ウェブ屋の備忘録

日々の業務で工夫していることや便利なツール、新たに得た知識などを共有しています。

デザイン

Web制作に便利なサービスやツール12選

一緒にWeb制作をしている仲間から、便利なツールを募りました。 たくさん出てきたので共有しておきます。 ジャンルレスで順不同ですが、どなたかの参考になれば幸いです。 ビジュアルコミュニケーションツール - AUN[あうん] https://aun.tools/ ウェブサイ…

Webデザイナーあるある

Webデザイナーならではの「あるある」を14個あつめてみました。ほかにもあったら教えてくださいね。

困った時の素材配布「シルエットデザイン」が使える

商用利用OKのベクター素材といえばコレ! 「シルエットデザイン」もお世話になってますが、 フキダシデザインもお世話になってます!! このクオリティ・品数の多さで無料には脱帽です。 私が気に入っているのは、ベクター素材だけではございません! ハッ!…

造り酒屋のある風景はシンプルな機能美が隠れているのです。まじで。

今日のお話はWebデザインとは関係がないお話です。 でも、ひょっとしたら、役に立つかもしれないけれど 役に立たないかもしれないお話です。 私、放浪癖がございまして。 暇があったら、 あっちへうろうろ、こっちへうろうろしておりました。 主に放浪してい…

よく参考にするデザイン事例

私は最近は自らデザインは行う機会は減りましたが、 サイトのワイヤーフレームなどを固める時や、デザイナーさんに作ってもらいたい イメージを伝えるためなど、他社様のデザイナーさんの事例などよく参考にさせて頂いています。 一番多く参考にさせて頂いて…

日本のWebデザインってダサいの?

なぜ日本のWebデザインはダサいのか? 海外のQ&Aサイト「Quora」で、「なぜ日本のWebデザインはダサいのか?」 という質問が載っていたことを紹介している記事を見つけました。 [MEMOPATCH「なぜ日本のWebデザインはダサいのか?」] 気になるのでさっそく、…

今更ながら「デザイン」とは何か少しだけ考えてみた

最近ちょっとウザさが鼻についてきた アフターフォーティーンのWeb屋でございます。 この暑い中、皆様いかがお過ごしでしょうか? 本日のお題は「デザイン」について。 方々で語りつくされた感が否めないのですが、 改めて「デザイン」について考えてみよう…

僕がトーテムポールを作ることで学んだこと

中学のときの話。 トーテムポールを作るという、美術の授業があった。 彫刻等を使って木を削り、3つの顔を作る。 上の顔、真ん中の顔、下の顔の目、鼻、口それぞれを 教科書で紹介されていた3つの例からひとつずつ真似をして作った。 そしたら、先生にものす…

感動。三鷹の森ジブリ美術館にて

今さらですが、、このブログは1人ではなくて私達Web屋の 複数の人間で記事を書かせて頂いてます。 やたらと登場する、「アラフィフ」「40代後半」の 投稿者と私は別人ですので宜しくお願いします。 誰も興味ないと思いますが、、、 私は女性・子持ちデザイナ…

お前らもっとデザインにおいて1pxの工夫の凄さを知るべき

今日は、1pxで出来るデザインの工夫あれこれを紹介します。 「1px工夫してるやん!すげえ!」とはなりませんが、 たった1px気をつけるだけで、サイトが締まり、奥行きも出て、デザインとして深みが出たりします。 面白いですよね。 ノイズ入れてみる Firewor…

Fireworksは「拡張機能」で便利に使いこなそう

Fireworks。それはWebデザインをする人にとっては、 なくてはならない超便利ソフト でも、IllustratorやPhotoshopに比べてあれ??っと なるようなことがあったり、 もっとこうだったら便利なのに・・・と、 毎日毎日このソフトを使っているデザイン業務を生…

これがPhotoshopで、写真から雰囲気のある線画を作る方法だ!

Photoshopを使って、写真から雰囲気のある線画を作る方法です。 実際にクライアントワークで、この方法で作成した線画をメインビジュアルに使いました。 Photoshopで写真から雰囲気のある線画を作る方法:簡単7ステップ! [1] 線画に加工したい元の写真を開…

Fireworksで困ったときはコレ!

この会社に入社してから初めてFireworksを触ったデザイナーです。 Fireworks。最初はなかなか使いこなせなくて、使いこなせなくって…。 イラレ気分でいたら大変な目にあいましたよ、本当に。。。 画像のリンクはきかないから、差し替え指示きたらまた貼り直…