はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ webデザイン

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 1000件)

ページに抑揚をつける「背景切り替え」のデザインアイデア|nanami

2024/05/22 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip nanami 抑揚 デザイナー リズム 株式会社Rabee

こんにちは! 株式会社Rabeeでデザイナーをしています、nanamiです🌿 Webサイトのデザインを作っていく時、気づいたら単調なデザインになってしまうことはありませんか? 「Webデザインはリズムが大事」とよく言いますが、リズム良く眺めることができるWebサイトって、つい上から下までスクロールしてしまいますよね。 ... 続きを読む

Webデザインコンサルタントを名乗る事業者と当社との関係につきまして

2024/05/14 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip 当社 りん 関係 Webデザイナー 事業者

最近、「Webデザイナーのかりん」を名乗る者(以下「情報発信者」といいます。)が、「かりんのWEBデザイン学習帳」と題するブログやSNS上において、Webデザインの学習サービスについて発信しております。当社は、この情報発信者について、合同会社アクシス(所在地:東京都港区浜松町二丁目2番15号浜松町ダイヤビル... 続きを読む

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

2024/04/22 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip Akane ワイヤーフレーム シェ 工程 株式会社Rabee

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

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

2024/04/11 このエントリーをはてなブックマークに追加 622 users Instapaper Pocket Tweet Facebook Share Evernote Clip Akane 株式会社Rabee 新人デザイナー 雑誌 参考事例

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

【2024年版】いろんなデザイントレンドを調査、まとめてみた。

2024/03/03 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip デザイントレンド 調査 グラフィック 分野 2024年版

私は10年以上にわたり、「最先端の人気デザインを探る」ために数多くののデザイントレンドを調査してきました。 2024年も2ヶ月が過ぎ、今年人気になりそうなデザインスタイルが少しずつ見えはじめています。 この記事では、グラフィックやWebデザインなどさまざまな分野で注目されているデザイントレンドを詳しく調べて... 続きを読む

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

2024/01/31 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip フリーランス イーアイデム 小学校 タイミング 編集

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

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

2023/12/18 このエントリーをはてなブックマークに追加 42 users Instapaper Pocket Tweet Facebook Share Evernote Clip 結論 デジハリ スキル 転職活動 ポートフォリオ

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

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

2023/11/13 このエントリーをはてなブックマークに追加 579 users Instapaper Pocket Tweet Facebook Share Evernote Clip Midjourney 画像生成AI 具現化 web イラスト

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

Webデザインの配色に悩んだときの参考になる! UI要素のさまざまなカラースキームをまとめた配色サイト -Spectrum.Art

2023/09/27 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip 配色 カラースキーム UI要素 ヘッダ カラム

WebサイトのUIに使用するヘッダ、ボタン、イラスト、カード、カラム、ラインなど、UI要素のさまざまなカラースキームをまとめた配色サイトを紹介します。 カラースキームはページ全体、コンポーネントごとにまとめられており、それぞれのカラーは16進のHEX値が記載されています。各カラーをクリックするだけで簡単にコピ... 続きを読む

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

2023/06/06 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip 葛藤 結婚 名前 多い時期 仕事

ず @2524ever この前読んだ本に 「輝いてる人に限って、口を揃えて20代がいちばん辛かったと言う」って書いてあった。 個人的には、20半ばから30歳までは 可能性がある分、仕事もプライベートも方針を考えなきゃいけないから 特に悩み苦しみ葛藤するのかな、と思う。 いつでも悩みはあるだろうけども。 twitter.com/plat... 続きを読む

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

2023/06/06 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip 葛藤 LEON 結婚 名前 多い時期

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

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

2023/05/27 このエントリーをはてなブックマークに追加 568 users Instapaper Pocket Tweet Facebook Share Evernote Clip コーディング CSS 順次 HTML パーツ

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

カフェのWebサイトを作る時のポイントや実例

2023/05/18 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip 実例 インスピレーション 一口 カフェ コンセプト

2023年5月18日 Webデザイン, インスピレーション おしゃれだったり、かわいかったり、落ち着く雰囲気だったりと、一口にカフェといっても様々なコンセプトがありますよね。そんなカフェのWebサイトをあれこれ見て気づいた点や、カフェの雰囲気を反映させたWebサイトの実例を紹介します。 カフェのWebサイトをデザインす... 続きを読む

AI技術を活用したWEBデザイン:ChatGPTとMidjourneyの活用例 - SO Technologies 開発者ブログ

2023/05/08 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip SO Technologies Midjourney 河原

1. はじめに こんにちは。ATOM事業部フロントエンドテックリード兼デザイナーの河原です。 本記事ではWEBデザインにAI技術を活用する方法を実例をまじえて紹介します。 今回はChatGPTとMidjourneyを使います。 ChatGPT OpenAIが開発した大規模な自然言語処理AIで、文章生成や文章の理解など、様々なタスクに対応していま... 続きを読む

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

2023/05/08 このエントリーをはてなブックマークに追加 180 users Instapaper Pocket Tweet Facebook Share Evernote Clip 基本原則 Web制作初心者 Monday EMI USA

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

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

2023/04/24 このエントリーをはてなブックマークに追加 439 users Instapaper Pocket Tweet Facebook Share Evernote Clip chatgpt EMI コーディング EMIさん 寄稿記事

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

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

2023/03/07 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip

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

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

2023/01/26 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip 良書 フォント 構図 新セオリー 黄金比

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

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

2023/01/25 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip Adobe Adobe XD Wednesday 結果 すべて

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

懐かしのmarquee?テキストを自動スクロールさせる方法と実装例

2023/01/18 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip Marquee CSS テキスト 実装例 タグ

2023年1月18日 CSS, JavaScript, Webサイト制作, Webデザイン 最近のWebサイトギャラリー見てたら、懐かしい動きを目にする機会が増えてきました。テキストが右から左に自動スクロールするという、かつての「marquee」タグを彷彿させる動きです。今回はこの自動スクロールテキストに注目してみます。 marquee とは かつ... 続きを読む

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

2022/12/24 このエントリーをはてなブックマークに追加 207 users Instapaper Pocket Tweet Facebook Share Evernote Clip 混乱 usagimaru UIデザイン 分野 Note

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

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

2022/10/24 このエントリーをはてなブックマークに追加 570 users Instapaper Pocket Tweet Facebook Share Evernote Clip Figma用 Apple プラグイン URL 編集

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

AI描画ソフト「Stable Diffusion」はWeb制作の役に立つか?

2022/10/18 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip Stable Diffusion Tuesday 描画 制作

Webデザイン AI描画ソフト「Stable Diffusion」はWeb制作の役に立つか? Tuesday, October 18th, 2022 最近AIによる描画ソフトがかなり盛り上がっており、その中でも特に「Stable Diffusion」はWeb制作者にとってもインパクトが大きく、使い方によっては制作の役に立つかもしれないと思っています。 まずはStable Diffus... 続きを読む

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

2022/09/13 このエントリーをはてなブックマークに追加 146 users Instapaper Pocket Tweet Facebook Share Evernote Clip

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

好きな人にはたまらない! デザインやイラストに使用するパターンのつくり方をかなり詳しく解説したデザイン書 -幾何学パターンづくりのすべて

2022/08/05 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip 引き出し パターン イラスト インテリア つくり方

こういう解説書が欲しかったという人も多いと思います。 パターンはWebデザインやイラスト、そしてファッションやインテリアなどさまざまな分野のデザインで使用されます。パターンをデザインする基礎を真剣に学びたい人、表現の引き出しを増やしたい人にお勧めのデザイン書を紹介します。 デザインの経験値は問わず、デ... 続きを読む

 
(1 - 25 / 1000件)