タグ webデザイン
人気順 10 users 50 users 100 users 500 users 1000 usersページに抑揚をつける「背景切り替え」のデザインアイデア|nanami
こんにちは! 株式会社Rabeeでデザイナーをしています、nanamiです🌿 Webサイトのデザインを作っていく時、気づいたら単調なデザインになってしまうことはありませんか? 「Webデザインはリズムが大事」とよく言いますが、リズム良く眺めることができるWebサイトって、つい上から下までスクロールしてしまいますよね。 ... 続きを読む
Webデザインコンサルタントを名乗る事業者と当社との関係につきまして
最近、「Webデザイナーのかりん」を名乗る者(以下「情報発信者」といいます。)が、「かりんのWEBデザイン学習帳」と題するブログやSNS上において、Webデザインの学習サービスについて発信しております。当社は、この情報発信者について、合同会社アクシス(所在地:東京都港区浜松町二丁目2番15号浜松町ダイヤビル... 続きを読む
ワイヤーフレームは“しゃべりながら”つくる|akane
こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。 このワクワク感を、ぜひたくさんの新人デザイナーとシェ... 続きを読む
Webデザインで「紙っぽさ」を出す方法を考えてみる|akane
こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌... 続きを読む
【2024年版】いろんなデザイントレンドを調査、まとめてみた。
私は10年以上にわたり、「最先端の人気デザインを探る」ために数多くののデザイントレンドを調査してきました。 2024年も2ヶ月が過ぎ、今年人気になりそうなデザインスタイルが少しずつ見えはじめています。 この記事では、グラフィックやWebデザインなどさまざまな分野で注目されているデザイントレンドを詳しく調べて... 続きを読む
働きながら子どもの不登校と向き合い「キャリアは常に右肩上がりじゃなくてもいい」と気付いた #仕事と子ども - りっすん by イーアイデム
フリーランスで編集やWebデザインの仕事をしているbranco MICHIYOさんに、「子どもの不登校と仕事の両立経験」についてつづっていただきました。 お子さんが小学校に入学して少し余裕が生まれ、キャリアアップを目指して動き始めたタイミングで始まった不登校。お子さんと向き合う時間の中で、自身の働き方についてあら... 続きを読む
転職の成功率が上がる!デザイナーのポートフォリオの作り方|作品数が少なくても担当者の目にとまる6つの法則 | デジハリ・オンラインスクール
Webデザインのスキルを学んだけれど、なかなか転職活動に進めない…。 その理由は「ポートフォリオが未完成だから」という方も多いのではないでしょうか? さらにいえば「ポートフォリオに掲載する作品数が少ないから」という人もいます。 結論をいえば、ポートフォリオ内に掲載する作品は1点でも問題ありません。 その作... 続きを読む
Midjourneyを1年間使って見つけた、Webデザインに使えるプロンプト全ガイド
「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そう... 続きを読む
Webデザインの配色に悩んだときの参考になる! UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art
WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピ... 続きを読む
25〜26歳は葛藤が多い時期で、結婚や仕事がこのままでいいのか悩んだ末にWEBデザインを学んで挫折する→名前があるほど広い現象 (2ページ目)
ず @2524ever この前読んだ本に 「輝いてる人に限って、口を揃えて20代がいちばん辛かったと言う」って書いてあった。 個人的には、20半ばから30歳までは 可能性がある分、仕事もプライベートも方針を考えなきゃいけないから 特に悩み苦しみ葛藤するのかな、と思う。 いつでも悩みはあるだろうけども。 twitter.com/plat... 続きを読む
25〜26歳は葛藤が多い時期で、結婚や仕事がこのままでいいのか悩んだ末にWEBデザインを学んで挫折する→名前があるほど広い現象
Leon @Leo111417 25歳〜26歳って本当に毎日を大切に生きないといけないなって思った。 人生で一番大切な時期な気がする。。。 2023-05-31 21:38:22 プラテンさん @platen100 25、26歳って一番葛藤する時期だと思う。これから結婚・出産すべきか悩むし、仕事も今のままでいいのか、転職すべきかすごく悩んで、人によって... 続きを読む
CSS Stock|Webデザインを楽にするCSSコピペサイト
当サイトについて 「CSS Stock」はWeb制作の「これが欲しい」を叶える、をテーマにHTML・CSSのデザインやパーツをご紹介するサイトです。 お好きなパーツを選び、デザインや色を調整するだけ。 あとはHTMLやCSSをコピペすれば、コーディング要らずでサイトに取り入れることができます。 ちなみに新しいスニペットを順次... 続きを読む
カフェのWebサイトを作る時のポイントや実例
2023年5月18日 Webデザイン, インスピレーション おしゃれだったり、かわいかったり、落ち着く雰囲気だったりと、一口にカフェといっても様々なコンセプトがありますよね。そんなカフェのWebサイトをあれこれ見て気づいた点や、カフェの雰囲気を反映させたWebサイトの実例を紹介します。 カフェのWebサイトをデザインす... 続きを読む
AI技術を活用したWEBデザイン:ChatGPTとMidjourneyの活用例 - SO Technologies 開発者ブログ
1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 本記事ではWEBデザインにAI技術を活用する方法を実例をまじえて紹介します。 今回はChatGPTとMidjourneyを使います。 ChatGPT OpenAIが開発した大規模な自然言語処理AIで、文章生成や文章の理解など、様々なタスクに対応していま... 続きを読む
デザインシステム入門!Web制作初心者が知るべき基本原則とFigma活用法
Webデザイン デザインシステム入門!Web制作初心者が知るべき基本原則とFigma活用法 Monday, May 8th, 2023 この記事について この記事は、スマートフォン時代のWebデザインスクール や スマートフォン時代のWebコーディングスクール の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USA... 続きを読む
効率よくコーディングを進めるためにChatGPTを使ってみよう
Web技術 効率よくコーディングを進めるためにChatGPTを使ってみよう Tuesday, April 25th, 2023 この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインや... 続きを読む
動くWebデザインの最新アイデア28個まとめ
ウェブサイトやモバイルアプリを魅力的にしたいときは、アニメーションを利用すると良いでしょう。 その理由は、ユーザーの注目を無意識に集め、美しさも表現できるから。 さまざまなデザイントレンドとしても、毎年選出されており、まずます需要が高まっています。 実際に、多くの最新ウェブデザインでも採用されており... 続きを読む
こんなデザイン書は初めて! 黄金比をはじめ、美しいと言われるさまざまな構図を使ってデザインするテクニックを学べる良書 -最強構図
ソシム社からまたまた、勉強になる面白いデザイン書が発売です! 今回はWebデザインや紙のデザイン、そしてイラストや写真にも使える、構図を使ってデザインするときのテクニックやポイントを解説した「最強構図」。 「けっきょく、よはく。」「ほんとに、フォント。」の著者ingectar-eが生み出したデザインの新セオリー... 続きを読む
Adobe XDは利用できなくなるのか、Adobeに問い合わせました | Stocker.jp / diary
Webデザイン Adobe XDは利用できなくなるのか、Adobeに問い合わせました Wednesday, January 25th, 2023 2023年1月に、Adobeの公式Webページの「Adobeのすべての製品一覧」からAdobe XDが消えたことでWeb制作者の間で大きな騒ぎになっています。 Adobeのすべての製品一覧ページで「XD」で検索した結果 というのもAdobeは... 続きを読む
懐かしのmarquee?テキストを自動スクロールさせる方法と実装例
2023年1月18日 CSS, JavaScript, Webサイト制作, Webデザイン 最近のWebサイトギャラリー見てたら、懐かしい動きを目にする機会が増えてきました。テキストが右から左に自動スクロールするという、かつての「marquee」タグを彷彿させる動きです。今回はこの自動スクロールテキストに注目してみます。 marquee とは かつ... 続きを読む
実例から考えるUIの情報設計|usagimaru|note
情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。 情報設計の専門書を漁... 続きを読む
なにこれ便利すぎる! WebページのURLを入力すると、編集可能なFigma用に変換できるプラグイン -html.to.design
WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力す... 続きを読む
AI描画ソフト「Stable Diffusion」はWeb制作の役に立つか?
Webデザイン AI描画ソフト「Stable Diffusion」はWeb制作の役に立つか? Tuesday, October 18th, 2022 最近AIによる描画ソフトがかなり盛り上がっており、その中でも特に「Stable Diffusion」はWeb制作者にとってもインパクトが大きく、使い方によっては制作の役に立つかもしれないと思っています。 まずはStable Diffus... 続きを読む
Webデザインに悩まない、心をつかむ最新サイト30選まとめ
Webサイトのアイデアに困ったときは、多くの優れた参考サイトを見ることが、次のデザインへとつながります。 なぜなら、レイアウトや配色、文字組みなど実践的なプロのテクニックを学びつつ、変化の早いトレンドも確認できるのが理由です。 この記事では、デザイナーが参考にしたい最新ウェブデザイン30個をまとめてご紹... 続きを読む
好きな人にはたまらない! デザインやイラストに使用するパターンのつくり方をかなり詳しく解説したデザイン書 -幾何学パターンづくりのすべて
こういう解説書が欲しかったという人も多いと思います。 パターンはWebデザインやイラスト、そしてファッションやインテリアなどさまざまな分野のデザインで使用されます。パターンをデザインする基礎を真剣に学びたい人、表現の引き出しを増やしたい人にお勧めのデザイン書を紹介します。 デザインの経験値は問わず、デ... 続きを読む