Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane

2024/04/11 622 users Akane 株式会社Rabee 新人デザイナー 雑誌 参考事例

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌... 続きを読む

Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド

2023/11/13 579 users Midjourney 画像生成AI 具現化 web イラスト

「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そう... 続きを読む

CSS Stock｜Webデザインを楽にするCSSコピペサイト

2023/05/27 568 users コーディング CSS 順次 HTML パーツ

当サイトについて 「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。 あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。 ちなみに新しいスニペットを順次... 続きを読む

なにこれ便利すぎる！ WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design

2022/10/24 570 users Figma用 Apple プラグイン URL 編集

WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力す... 続きを読む

無料で「Photoshop」「Illustrator」「WordPress」などWebデザインが学び放題に！／事業譲渡に伴い有料会員サービスを終了した学習サイト「chot.design」の全レッスンが無料公開

2022/06/20 622 users Illustrator Photoshop 事業譲渡 放題

続きを読む

Webデザインの有料学習サイトが無料化　IllustratorやPhotoshop入門などが見放題

2022/06/14 927 users Illustrator Photoshop UIデザイン

Webデザインの有料学習サイト「chot.design」を運営するちょっとは全コンテンツを無料公開した。「Photoshop」や「Illustrator」の基礎レッスンからUIデザインやバナー制作テクニックを紹介する本格的なレッスンまで571本を公開している。 Webデザインの有料学習サイト「chot.design」を運営するちょっと（東京都中野区... 続きを読む

未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん完結「最後らへんでだんだん不穏になってきたけど…」

2022/05/08 554 users 未経験 最後らへん pic.twitter.com 100話

かけだしちゃん @kakedashi_chan 未経験から100話でキラキラWEBデザイナーを諦めるかけだしちゃん その4 キラキラWEBデザイナーへの第一歩！SNSアカウントを作るよ～！ #Web制作 #webデザイン #コミックエッセイ pic.twitter.com/Tu7NZAFyG7 2022-01-21 20:00:59 続きを読む

はてなに居る人達は、はてなの衰退を止められなかったのは何故だろうか

2021/07/01 509 users 衰退 サブカル はてな 最先端 文章

はてなは一時期はWebの最先端を走っていたはずだ。 Web技術、デザインといったものから、文章や漫画やサブカルといったものもあった。 はてなアンテナで情報感度の高い人が何を見ているのか知ることもできた。 どの時点から狂ってきたのか。 Webデザインはもうブックマークすらされなくなった。 2ch系のニュース板のよう... 続きを読む

Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは | アンドエンジニア

2020/06/16 515 users インタラクション アンドエンジニア デザイナー えん 分業体制

Webサイト制作では通常、「デザイナーの作ったデザインをエンジニアが実装する」という分業体制が一般的。 しかし、今回なめサンは、サイトの見た目・動きのデザインから開発まで、すべてひとりで行っている。 優れたアニメーションやインタラクション（ユーザー操作へのフィードバック）をデザインし、自ら実装するエン... 続きを読む

2020年用、日本語のフリーフォント417種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 | コリス

2019/12/12 637 users フリーフォント コリス フォント 商用 クライアント

個人でも商用でも無料利用できる、日本語のフリーフォント417種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！ ついにフリーフォントのまとめが、400種類を超えました！ 初紹介のフォントから既存フ... 続きを読む

PhotoshopとIllustratorのほぼ全機能を搭載したAdobe XD並みに軽いプロトタイピングツールが発売 | Stocker.jp / diary

2019/07/01 1040 users Illustrator Stocker.jp diary

私は ある出来事 をきっかけにAdobe製品をやめて他社の製品でWebデザインをしようと考えていました。 最初に考えていたのがPhotoshopの代わりにAffinity Photo、Illustratorの代わりにAffinity Designer、そしてAdobe XDの代わりにSketchまたはFigmaのようなプロトタイピングツールを使用しようと考えていました。 最初... 続きを読む

「CS6以降のアプリがいつでもすべて使える」という売り文句のAdobe CCが、事後報告すらなく過去のアプリが使えなくなった件 | Stocker.jp / diary

2019/05/12 878 users Stocker.jp diary 本望 事後報告 売り文句

Webデザイン 「CS6以降のアプリがいつでもすべて使える」という売り文句のAdobe CCが、事後報告すらなく過去のアプリが使えなくなった件 Monday, May 13th, 2019 正直タイトルの時点でひどすぎると感じていますし、このような記事を書くのは本望ではないのですが、これを許してはいけない、受け入れるわけにはいかないと... 続きを読む

旦那が主夫になって思うこと

2019/04/19 1149 users 主夫 MySQL 旦那 Java Python

旦那が精神的に働けなくなった。 無神経でタフな人だと思っていたけど、半年ほどであれよあれよと無職になった。 で、私が働きだした。 プログラマー兼SEとして雇われた。 基本的に受託案件を社内開発。 暇な時期は、社外。 言語はその時によってPHP、java、python、.NET。 簡単なWEBデザインなんかも。 DBはmysql、post... 続きを読む

2019年に流行するWebデザインの最新トレンド18個まとめ | Web Design Trends

2018/11/27 653 users Web Design Trends 手法 トレンド 変化 最新

そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか？ 最新のWebデザインのトレンドを取り入れることによって、Webサイトを魅力的に見せることができたり、使いやすいWebサイト... 続きを読む

アンジャッシュのコントみたいに会社を辞めた女の子の話。

2018/07/12 710 users 前職 即戦力 受託 アンジャッシュ デザイナー

私が前に勤めていた会社の話。 会社は、Web制作会社でした。クライアント企業からサイト制作を承る、どこにでもあるちっぽけな受託の会社です。 そこに、中途採用でデザイナーが入ってきました。まだ若いけれども、前職でもWebデザインをしていたという女の子です。 その子をAさんとします。 Aさんは、即戦力として期待... 続きを読む

王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化？ | Webデザイン、これからどうなるの？（全10回） | Web担当者Forum

2018/03/27 799 users 王道 ハンバーガーボタン モバイル 標準形 Web担トップ

Web担トップ » Webデザイン、これからどうなるの？（全10回） » 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化？ Webデザイン、これからどうなるの？（全10回） 王道になりつつあるシングルカラムレイアウト。ハンバーガーボタンも標準化？ モバイルファースト時代ではモバイルからPCサイトへ変形するのが標準形に。それに伴ってハンバーガーボタンも標準化？（第3回） 福岡... 続きを読む

Webデザインのスタイルガイドの作り方 | UX MILK

2017/08/28 924 users UX MILK スタイルガイド 作り方

Tomasはリトアニアの旅行 ライフスタイルに関する起業家 およびブロガーです。彼はブログや毎週配信される ニュースレター で、趣味やライフスタイルデザイン、起業精神について執筆をしています。 Webサイトの制作はどんどん複雑化しており、１人で行う仕事ではなくなってきています。サイト制作では、ビジネスの目的に合わせた一貫性のあるデザインによって、快適なユーザー体験を作り出すことが重要です。 Web... 続きを読む

日本語対応！CSS Flexboxのチートシートを作ったので配布します | Webクリエイターボックス

2017/03/30 1264 users チートシート CSS flexbox Flexbox 通り

FlexboxとはFlexible Box Layout Moduleのことで、その名の通りフレキシブルで簡単にレイアウトが組めちゃう素敵ボックスです。現在ほとんどすべての最新ブラウザーでFlexboxをサポートしており、Flexboxを使ったレイアウト組みが今後のWebデザインのスタンダードとなるでしょう。Webクリエイターボックスでは 以前からFlexboxの使い方について紹介してきた のです... 続きを読む

コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - Literally

2016/11/02 1382 users 配色 目次 配色パターン プレゼン資料 Literally

2016 - 11 - 02 コピペで使えるオシャレな配色パターン見本集 25 （Webカラーコード付） デザイン 今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。 プレゼン資料 、 Webデザイン などで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青... 続きを読む

3分あれば十分！もうひと工夫加えるだけでレベルアップするデザインTips 25選 - Brian'z Imagination

2016/05/07 581 users Brian'z Imagination bookmark

2016 - 05 - 08 3分あれば十分！もうひと工夫加えるだけでレベルアップするデザインTips 25選 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly はてなでブログを書き始めて2週間ほど経過したのだけれど、ブログを始めると書く内容そっちのけで やたらとデザインにこだわりたくなることがある 。 特に、ホットエント... 続きを読む

【図解で分かる】色彩センスのいらない配色入門 - Brian'z Imagination

2016/05/04 502 users Brian'z Imagination 図解 色彩センス

2016 - 04 - 29 【図解で分かる】色彩センスのいらない配色入門 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly Web制作を生業としていると、ブログを書いている知り合いからこんな声を聞く。あなたもこんな経験ないだろうか。 背景色や文字色をいじるのだけれど、 どうもパッとしない 。 これだ！と思う色を選択して使... 続きを読む

マンガでわかるGit 第一話「Gitってなあに？」

2016/04/09 798 users Git フォロバ フォ 制作裏話 マンガ

マンガでわかるGit 次回作の更新情報は お気軽にフォローしてね！フォロバ希望の際は声かけてくだされば24時間以内にフォロバします #フォロバ #相互フォロー — マンガでわかるWebデザイン@脱稿したよ (@webdesignManga) March 21, 2016 更新情報は、 こちらのツイッターアカウント でつぶやいています。 制作裏話も投稿していきます。 ぜひフォローしてくださいね♪ マ... 続きを読む

Webデザインが圧倒的に捗るChromeの拡張機能12選 | UX MILK

2016/03/10 618 users Chrome キャプチャ UX MILK 効率 みなさん

みなさんはChromeの拡張機能を活用していますか？　拡張機能を使えば面倒な作業でも効率良くこなすことができます。今回はWebデザインのときに使うと仕事が圧倒的に捗るChromeの拡張機能を紹介します。 1. FireShot ダウンロードURL： FireShot ページのキャプチャを撮影できる拡張機能です。ページ全体をキャプチャ、目に見える部分をキャプチャ、選択してキャプチャすることができます... 続きを読む

Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ - paiza開発日誌

2016/02/09 834 users 0310lan paiza開発日誌 クオリティ まさとらん

2016 - 02 - 09 Web制作のクオリティを飛躍的に高めるJavaScriptライブラリ10選を一挙公開！ 開発ネタ Webサービス紹介 Webデザイン どうも、まさとらん（ @0310lan ）です。 みなさんは、「 JavaScript ライブラリ 」を活用しているでしょうか？ Webサイト制作 はもちろんのこと、さまざまな Webアプリやサービスなどを開発 する時に、 大幅な時間短... 続きを読む

はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法（テーマDUDEの手引き） - Literally

2016/01/20 693 users Literally 手引き 続編 最強 一瞬

2016 - 01 - 20 はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法（テーマDUDEの手引き） WEBデザイン 以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか... 続きを読む