ワイヤーフレームは“しゃべりながら”つくる｜akane

2024/04/22 23 users Akane ワイヤーフレーム シェ 工程 株式会社Rabee

こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。 このワクワク感を、ぜひたくさんの新人デザイナーとシェ... 続きを読む

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

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

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

働きながら子どもの不登校と向き合い「キャリアは常に右肩上がりじゃなくてもいい」と気付いた #仕事と子ども - りっすん by イーアイデム

2024/01/31 31 users フリーランス イーアイデム 小学校 タイミング 編集

フリーランスで編集やWebデザインの仕事をしているbranco MICHIYOさんに、「子どもの不登校と仕事の両立経験」についてつづっていただきました。 お子さんが小学校に入学して少し余裕が生まれ、キャリアアップを目指して動き始めたタイミングで始まった不登校。お子さんと向き合う時間の中で、自身の働き方についてあら... 続きを読む

転職の成功率が上がる！デザイナーのポートフォリオの作り方｜作品数が少なくても担当者の目にとまる6つの法則 | デジハリ・オンラインスクール

2023/12/18 42 users 結論 デジハリ スキル 転職活動 ポートフォリオ

Webデザインのスキルを学んだけれど、なかなか転職活動に進めない…。 その理由は「ポートフォリオが未完成だから」という方も多いのではないでしょうか？ さらにいえば「ポートフォリオに掲載する作品数が少ないから」という人もいます。 結論をいえば、ポートフォリオ内に掲載する作品は1点でも問題ありません。 その作... 続きを読む

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

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

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

25〜26歳は葛藤が多い時期で、結婚や仕事がこのままでいいのか悩んだ末にWEBデザインを学んで挫折する→名前があるほど広い現象

2023/06/06 39 users 葛藤 LEON 結婚 名前 多い時期

Leon @Leo111417 25歳〜26歳って本当に毎日を大切に生きないといけないなって思った。 人生で一番大切な時期な気がする。。。 2023-05-31 21:38:22 プラテンさん @platen100 25、26歳って一番葛藤する時期だと思う。これから結婚・出産すべきか悩むし、仕事も今のままでいいのか、転職すべきかすごく悩んで、人によって... 続きを読む

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

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

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

デザインシステム入門！Web制作初心者が知るべき基本原則とFigma活用法

2023/05/08 180 users 基本原則 Web制作初心者 Monday EMI USA

Webデザイン デザインシステム入門！Web制作初心者が知るべき基本原則とFigma活用法 Monday, May 8th, 2023 この記事について この記事は、スマートフォン時代のWebデザインスクール や スマートフォン時代のWebコーディングスクール の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USA... 続きを読む

効率よくコーディングを進めるためにChatGPTを使ってみよう

2023/04/24 439 users chatgpt EMI コーディング EMIさん 寄稿記事

Web技術 効率よくコーディングを進めるためにChatGPTを使ってみよう Tuesday, April 25th, 2023 この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインや... 続きを読む

動くWebデザインの最新アイデア28個まとめ

2023/03/07 70 users

ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。 その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。 さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。 実際に、多くの最新ウェブデザインでも採用されており... 続きを読む

こんなデザイン書は初めて！ 黄金比をはじめ、美しいと言われるさまざまな構図を使ってデザインするテクニックを学べる良書 -最強構図

2023/01/26 23 users 良書 フォント 構図 新セオリー 黄金比

ソシム社からまたまた、勉強になる面白いデザイン書が発売です！ 今回はWebデザインや紙のデザイン、そしてイラストや写真にも使える、構図を使ってデザインするときのテクニックやポイントを解説した「最強構図」。 「けっきょく、よはく。」「ほんとに、フォント。」の著者ingectar-eが生み出したデザインの新セオリー... 続きを読む

Adobe XDは利用できなくなるのか、Adobeに問い合わせました | Stocker.jp / diary

2023/01/25 75 users Adobe Adobe XD Wednesday 結果 すべて

Webデザイン Adobe XDは利用できなくなるのか、Adobeに問い合わせました Wednesday, January 25th, 2023 2023年1月に、Adobeの公式Webページの「Adobeのすべての製品一覧」からAdobe XDが消えたことでWeb制作者の間で大きな騒ぎになっています。 Adobeのすべての製品一覧ページで「XD」で検索した結果 というのもAdobeは... 続きを読む

実例から考えるUIの情報設計｜usagimaru｜note

2022/12/24 207 users 混乱 usagimaru UIデザイン 分野 Note

情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。 情報設計の専門書を漁... 続きを読む

なにこれ便利すぎる！ 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を入力す... 続きを読む

Webデザインに悩まない、心をつかむ最新サイト30選まとめ

2022/09/13 146 users

Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹... 続きを読む

モバイル幅で作成されたWebサイトの特徴と作例

2022/07/19 245 users 作例 特徴 CSS Webサイト デバイス

2022年7月20日 CSS, Webデザイン, スマートフォン モバイルは幅が狭く、デスクトップは幅が広いので、それぞれのデバイスにあわせてWebサイトの幅も可変させたりしますよね。しかし最近、デスクトップで見てもモバイル幅のまま表示させている国内のWebサイトをちょこちょこ見かけます。今回はそんなモバイル幅のWebサイ... 続きを読む

Notionでの「カラムレイアウト」作成がスラッシュコマンドで超簡単に出来るようになりました！ #notion | DevelopersIO

2022/07/13 21 users Notion スラッシュコマンド DevelopersIO

Notionでの「カラムレイアウト」作成がスラッシュコマンドで超簡単に出来るようになりました！ #notion Webページデザインにおいて「マルチカラムレイアウト」は良く利用されるかと思いますが、Notionでも(Notionの仕組みを利用して)この「カラムレイアウト」を実現することが出来ます。 WEBデザインでよく聞く「カラム... 続きを読む

無料で「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 続きを読む

2022年、Webデザインの新しいトレンド「クレイモーフィズム」のスタイルをさまざまな要素に適用できるCSS

2022/01/17 151 users スタイ シャドウ メタバース CSS 奥行き

クレイモーフィズムはWebデザインの新しいトレンドの一つで、クレイ粘土みたいなもこもこの質感にシャドウを加えてフラットなデザインに奥行きを与えます。メタバースなどの影響でデザインやイラストにも3Dの人気が高まり、最近ローンチしたスタートアップでも使用しているのを見かけます。 クレイモーフィズムのスタイ... 続きを読む

2022年1月：デザインの参考にしたい魅力的なWebサイト14選 | Web Design Trends

2022/01/12 163 users Web Design Trends ヒント トレンド 参考

2022年1月の最近見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったりするなど、様々なメリットがあります。ぜひ自身の好みに合うような素晴らしいWebサイトを探してみてください。 2... 続きを読む

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

2022/01/05 316 users Web Design Trends ミニマリズム トレンド

2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流行するWebデザインの10個の最新トレンドをご紹介したいと思います。1つ1つのトレンドごとに実際のWebサイトの事例を掲載している... 続きを読む

Web制作者にかなりオススメの解説書！ HTMLとCSSの今のテクニックを基本からしっかり学べるカピバラ本

2021/10/29 10 users CSS HTML テクニック Flexbox カピパラ

これは本当に、かなりお勧めの解説書です。 カピバラのかわいいイラストに癒やされながら、しっかりした知識が身につくHTMLとCSS、そしてWebデザインの解説書を紹介します。内容はかなり本格派。 HTML Living Standardに準拠したマークアップから、CSS GridやFlexboxなど、実務に役立つWebの知識がていねいに分かりやす... 続きを読む

Webデザインの種明かし、コピペできる最新HTML／CSSスニペット30個まとめ - PhotoshopVIP

2021/09/03 114 users CodePen PhotoshopVIP 種明かし コピペ

この記事では、Webデザインの引き出しを増やす、コピペで使える最新HTML／CSSスニペットをまとめてご紹介します。 Codepenで話題となっているものを中心に、今後のデザイン制作に活用したいアイデアがずらり揃った今回。新しいウェブデザインの可能性を感じるものばかりとなっています。 https://photoshopvip.net/12989... 続きを読む