人はなぜ金色に魅了されるのか 人はなぜ金色に惹かれてしまうのでしょう。なにか特別感があり、簡単に手に入らない希少性が人を引き付けているのかもしれません。貧乏性な私は、レアなアイテムが金色に光っていたら大興奮間違いなしです。 青金と赤金、金色には2種類ある オフセット印刷でも金色で印刷することができます。デザインのアクセントとして、または限定感を演出するためなどに使われます。タイトルにもあるように金色の種類は2種類あります。ひとつは「赤金（あかきん）」と呼ばれ、もうひとつは「青金（あおきん）」と呼ばれます。着色剤に使われる金属の粉のうち、銅の割合が増えると赤みを帯びた「赤金」になり、反対に亜鉛の割合が増えると青味を帯びた「青金」になります。 特色での青金、赤金 DICカラーガイドから選ぶとしたら、青金はDIC620、赤金はDIC619です。大日精化さんが製造販売しているLR輝シリーズでいうと
次世代のWebデザインプラットフォーム「STUDIO」が、この度累計ユーザー数が15万人を突破したと発表。どのようなプロダクトなのか、見ていきましょう。 次世代のWebデザインプラットフォーム「STUDIO」とは「STUDIO」は、STUDIO株式会社が運営するWebデザインプラットフォーム。2018年のサービスリリース以降、Webデザイナーを中心に根強いファンを抱えており、最近では有名企業やスタートアップ、官公庁まで、幅広い層で活用されています。MRR（Monthly Recurring Revenue）も順調に成長し、2021年8月時点で前年比325%の成長を遂げるなど、順調に事業を拡大しています。 その理由のひとつが、簡単にアイデアをWebサイトに反映できること。従来、Webサイトを作るためにはデザインに加え、コーディングやサーバーの設定、ドメインの取得など非常に多くのスキルやリソー
思い出した音を再現？！ 東京工業大学が音を脳波で再構築する方法を開発 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
東京工業大学 科学技術創成研究院の吉村奈津江准教授（JSTさきがけ研究者兼務）、明石航大学院生（研究当時）、神原裕行助教、緒方洋輔特任助教（研究当時）、小池康晴教授、ルドビコ・ミナチ特定准教授は、頭皮で記録された脳波信号（EEG）から音声を直接再構築するために有望な手法を開発した。 同手法では、まず、参加者が2つの母音「ア」と「イ」を視聴後に思い出したときに記録されたEEGを用いて、聞かせた音源のパラメータを畳み込みニューラルネットワーク（CNN）によって推定。 ▲EEGから推定した音源パラメータ波形と復元した音声の聞き取り精度を示した結果 （A）元の音源パラメータ波形（青）とEEGから推定した波形（赤）の比較（R2=1で、完全一致） （B）音を聞いた時のEEG（上）と、音を思い出した時のEEG（下）、でどの参加者も高いR2分布を示した。「ア」と「イ」の違いはR2が0.8を超えると80%以
こんにちは、Design Executive Center UID本部UID2部で部長を務めているイ・ジェフン（ Lee Jehoon ）です。 Webデザインの世界は、常に革新的なトレンドによって変化し続けていますが、それに迅速に適応することは簡単なことではありません。それだけに、新しいデザイントレンドをいち早く取り入れたいものの、何から始めればいいのか迷っているデザイナーは多いはずです。 そこで、この記事では2024年に注目される4つの重要なデザイントレンドをご紹介します。 1.Bento UI （弁当箱グリッドレイアウト）まず最初にご紹介するのは、Bento UI（弁当箱グリッドレイアウト）です。 日本語の「弁当」に端を発するネーミングで、グリッドを"お弁当箱"のように分け、コンテンツをいくつかのセクションごとに配置するデザイン形式のことです。 これにより、Webページを構造化し、さ
特に2021年に入ってから、PC関連製品でもSDGsやサスティナビリティーを意識した発表会や製品の投入が増えている。製品のパッケージは元より、製品自体を再生可能な素材に採用し、地球環境への負荷軽減をアピールしている。 従来から積極的にアピールしてきたAppleだけでなく、さまざまなPCメーカーがメッセージと共に製品を投入しており、製品を買ってみたら従来とパッケージが大きく違っていて驚いたという人も多いのではないだろうか。 一例として、最近のPCのパッケージを見てみた。左がデル・テクノロジーズの「Latitude 7330 Ultralight」、右がマウスコンピューターの「MousePro NB2」で、もはや発泡スチロールやビニールは使われておらず、大部分がリサイクル再生紙となっている 持続可能な開発目標と訳される「Sustainable Development Goals」（略称：エスデ
10年の進化：Apple Watch Series 10の革新 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
2024年9月9日、最新のApple Watch Series 10が発表された。この日は奇しくも10年前に初代Apple Watchが発表されたのと同じ日付だったと言う。この10年、Apple Watchは小型化や機能の拡充だけではなく、ユーザーの日常をより豊かなものにする、というより根本的な問いに取り組んできた。その集大成ともいえるのが、新たに発表された「Apple Watch Series 10」だ。 この10番目のApple Watchは、製品のかなめであるディスプレイが大きく進化し、身につける道具として最も重要な「薄さ」と「軽さ」がさらに洗練された。よく「アップルらしさ」と表されるハードとソフトの境目の無さも、さらに一歩進んだものとなっている。 そんな最新製品での取り組みをApple社で全製品の企画や仕様策定、そして設計を行っている「デザインスタジオ」の代表者２名に話を聞いた。ひ
「なぜか思うようなデザインができない。」 「どこかやぼったい。」 「クライアントからのフィードバックに対応できない。」 そのうような悩みがあるデザイナーの根本的な原因は大きく２つあります。 デザインの基礎がそもそも身に付いていない。 Webデザインのトレンドを習得できていない。 デザインの基礎は余白感・フォントの選び方・カラーの配分・レイアウトのルールなどの知識と、それを実践できる身体スキルが必要です。 ただ、最初の悩みで大きな原因になっているのがいまのWebデザインのトレンドを習得できていないことです。トレンドを習得することはデザイン初級〜中級者が考えている以上に重要です。 ここでは、模写からオリジナル化を通してデザインの基礎を学びつつ、トレンドを習得するためのガイドを書いています。 トレンドを習得するためにもっとも近道なのが「模写」です。 実際に、模写からオリジナル化するフローを繰り返
テックアカデミーWEBデザインコースの評判や口コミと2025年最新受講料金 | IT転職でイイミライ～エージェント・スクール最新情報
テックアカデミー(TechAcademy)WEBデザインコースは、口コミでもおすすめと評判のオンラインプログラミングスクール・テックアカデミーでWEBデザインを学べるコース。最短4週間の受講期間が特徴で、未経験・初心者でも基礎から学べるカリキュラム・教材も口コミで良い評判です。 テックアカデミーWEBデザインコースは現役WEBデザイナーのメンター(講師)による質問対応や課題レビューなどの学習サポートが充実したオンラインのWEBデザインスクールで、教材や学習内容を確認できる無料体験も可能。またテックアカデミーはWEBデザイン以外にプログラミングやWEBマーケティングを学べる豊富なコースも評判のスクールです。 このページではオンラインでWEBデザインを学びたい方、未経験からWEBデザイナーに転職・就職したい方におすすめのWEBデザインスクール、テックアカデミーWEBデザインコースについて、おす
ナノ・ユニバースの新アイテム、後ろ襟部分が高くなる ジャケット着用に特化したインナー「ジャケT」 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
ネクタイ不要のオンスタイル「New ON STYLE」と銘打ち、新たなオンスタイルを提案するナノ・ユニバースから、ジャケット着用に特化した新作インナーアイテムが登場した。 正面からは一見、普通のクルーネックTシャツのように見える。しかし、後ろ襟部分を高くデザインし、ジャケットを着用した際に襟に皮脂汚れが付着しづらくなっている。 ▲右：通常のTシャツ、左：ジャケT半袖 またIDカードホルダーをつけた際、首部が擦れストレスを感じることもあるだろうが、ネックの接着部分をTシャツがカバーすることで、擦れて痛い等の悩みも解決してくれるのだ。 素材は毛羽が少なく上品でキレイ目な生地で、年間通して着用できる綿100％を採用。カラーは、ホワイト／ミント／トップグレー／ブラックの全４種、サイズはS／M／L／XLとなっている。
2023年2月7日 Webサイト制作, Webデザイン, お知らせ 以前執筆した書籍「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の続編が出版されることになりました！「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」発売です！ ↑私が10年以上利用している会計ソフト！ 今回は予約・購入特典もありますよー！ カバーイラストは一冊目と同様ICHIRAKU STUDIO様に描いていただきました！今回も素敵なイラストをありがとうございます！ 購入する 書籍の内容 基本的に前回の「1冊ですべて身につくHTML & CSSとWebデザイン入門講座」の内容を読んだ方向けとなっているので、HTML/CSSの基礎知識の解説は少なめです。CSSやJavaScriptを使って動きをつけたり、レイアウト組みの応用、Sassを使ったより実践向けの解説をしています。 C
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Webサイト制作、Webサイトデザインの参考になる国内、海外のWebサイト、サービスサイト、メディアサイト、ランディングページ、コーポレートサイトなどをまとめたWebデザインギャラリーサイトです。matomeは、Webを通じたコミュニケーションをデザインする上で、Webマーケティング視点、UI/UXデザイン、コミュニケーション設計に優れた素晴らしいWebサイトを紹介しています。
ホームページをはじめとしたUIデザインの設計には様々なツールが使われていますが、その中でも近年注目されているのが「Figma（フィグマ）」というツールです。Figmaを活用することで、無料で手軽に誰もがブラウザ上でUIデザインの作成ができます。 今回は、Figmaの使い方を解説します。初心者でも手軽に始められるツールなので、ぜひ確認してみてください。 Figmaはデザインツール Figmaとは、UIデザインやワイヤーフレームの作成に便利な、ブラウザ上で共同編集できるデザインプラットフォームです。米国サンフランシスコ発のFigma, Inc.により「全ての人がデザインを利用できるようにする」というビジョンに基づいて開発されています。 Figmaは職種を選ばずに利用できるツールではありますが、主にUIデザイナーが必要とする多くの機能が搭載されています。UIデザイナーの仕事の中でも、ホームページ
絶対パス、相対パス、ルート相対パスをわかりやすく解説！まずはイメージをつかもう！ | D-FOUNT -大阪・京都のグラフィックデザイン／Webデザイン-
本記事は、絶対パス、相対パス、ルート相対パスってなに？という方や、パスがなんだかややこしい！という初学者の方に向け、それぞれのイメージとその違いを、例えを交えながらできるだけわかりやすく解説しています。 パスってなに？ パスとは？ パスとは、パソコンなどのコンピュータ上でファイルの場所を示すものです。 例えば下図のように、style.cssというデータがどこにあるのかについて、日本語では「sampleフォルダの中の、cssフォルダの中に、style.cssファイルがある」になります。 この「sampleフォルダの中の、cssフォルダの中の、style.cssファイル」というファイルの場所を、日本語ではなくコンピュータが理解できる形式で表現したものがパスです。 コンピュータ上のファイルの場所 パスは現実世界で例えると、人が住んでいる場所を示す住所のようなものです。 住所の例 それでは以下で、
無料で使えるFigmaテンプレート35選。Webデザイン/モバイルUI/デザインガイドライン作成におすすめ - Workship MAGAZINE(ワークシップマガジン)
Adobe XDやSketchと並ぶ人気のデザインツール『Figma』。Figmaはさまざまな機能を無料で提供していますが、それでもデザインを0から作るのは簡単ではありません。 そこで今回は、Figmaでの作業を効率化してくれる、魅力的なテンプレートをご紹介します。 ＞＞初心者向けFigmaの使い方解説はこちら
CSSで余白を指定する「margin（マージン）」と「padding（パディング）」を使い分けする方法 | Webデザイン | Webデザイナーブログから学ぶホームページ制作「キングサイト」
「margin」と「padding」とは、Webページに余白を作るCSSのプロバティです。どちらのプロバティも余白を指定する要素をもっていますが、それぞれの役割が異なります。 「margin」と「padding」のプロバティの要素は4辺（上下左右）の間隔・領域を指定することができます。要素間の間隔やブロック要素の余白を作るために指定します。 CSSは「セレクタ」「プロパティ」「値」の3つで指定します。 CSSとは？CSSの役割と基本的な書き方 「margin」と「padding」の違いは、要素の外側の余白を指定するか要素の内側の余白を指定するかの違いです。コンテンツ要素に対して外側の余白を作るには「margin」を指定し、内側の余白を作るには「padding」を指定します。 【2つの違い】 ・margin（マージン）：要素の外側の余白を指定 ・padding（パディング）：要素の内側の余白
デザイナー向けの解説本は多数存在しますが、こちらは少し珍しい「デザインの発注」に特化した本です。デザインのプロではない発注者が、どのように指示すればうまく伝わるのか？といった、デザイナーでない人がデザインの工程に参加するための具体的な方法をまとめています。デザイナーにもそうでない方にもおすすめなのが、本書の最後に掲載されている「クリエイティブに生きるための7つの習慣」。意識を少し変えるだけで、よりクリエイティブな暮らしができるはず。 『すべての仕事はデザインから始まる。』を購入する 皆さんのおすすめの本もぜひ教えてくださいね！著者、出版社さんからの自薦はお問い合わせフォームからご連絡ください！ シェアする Twitter Facebook はてブ Pocket ニュースレター Web制作の最新情報やWebクリエイターボックスからのお知らせ、中の人の近況等を定期的にお送りいたします。 ぜひご
Figmaを独学でも勉強できる！Webデザイン実案件でFigmaを活用するノウハウも解説 | 東京フリーランス
Figmaについて、このような悩み・疑問はありませんか。Webデザインで使われるデザインツールは沢山ありますよね。例えばAdobeのPhotoshop、Illustraotor、XDなどが有名ですが最近ではFigmaを使っている人も増えてきました。他にもCanvaやSketchなど沢山のデザインツールがあります。 デザイン初学者の方はこれだけデザインツールがあると何から学べばいいのか？どう学べばいいのか？勉強したデザインツールを本当に仕事に活用できるのか？悩んでしまうのも無理はありません。そこで本記事では Figmaを使うメリットFigmaを具体的に勉強する方法Figmaを実際の案件で使う際の具体的なノウハウこの３点について解説していきます。 最後まで読めばFigmaを使うメリット・勉強の仕方・具体的な教材まで分ります。
現代デザインはWebサイトを集めたギャラリー･リンク集です。トップデザイン・下層デザインを一覧で確認出来るのが特徴です。毎日更新を目標にしています！（出来なかったらごめんなさい）Webデザイン制作の参考にどうぞご活用ください。
コンテンツの幅に合わせたサイズを指定できるfit-content。無駄なタグを省くことができて、便利に使えるこのコードを私は見出しデザインで使用しています。今回はfit-contentについて実例つきで紹介していきます。 fit-contentで背景色 fit-contentでコンテンツ幅に背景色 中央位置に配置した見出しに背景色をつけるスタイル。<h2>や<h3>などの見出しタグを親要素の中央の位置に配置しつつ、背景色をつけるためには横幅を指定しなければいけません。 fit-contentを使用しないと見出しごとに横幅を指定する必要がある また、見出しの横幅を指定しないと親要素の幅いっぱいに広がってしまいます。 h2やh3などの見出しにdisplay: inline-blockを使用すればコンテンツ幅に背景色をつけることができます。 しかし、中央配置ができないため、見出しタグの中に<sp
2021年度 今どきっぽいWebデザインにする9つの手法トレンド | Blog | 株式会社イロコト | ゲーム･アニメ等のエンタメ系Web制作&運用会社
こんにちは、Webデザイナーのsogaです。 イロコトでは、デザイナー同士が思っていること・感じていること・Webデザインの流行などを情報共有し、「よりデザイン力を上げる」「よりデザイン作業の効率を良くする」ことを目的とした「分科会」を定期的に開催しています。 良いWebデザインを作ることの難しさのひとつに、『そのデザインが"良い"のか"イマイチ"なのかという判断が、見る人の主観によって決まる』ということがあると思います。自分の中では「よくできた！」と思っても、お客様に良く思ってもらえなければ、それは"イマイチ"なデザインになってしまう、ということです。 そんな中、イロコトの分科会ではデザイナー同士が意見を言い合うことで、「イロコトとしての"良い"デザインはこれだよね」という共通認識を言語化し、客観的に持つようにしています。そうすることで社内チェック時の齟齬を生じにくくしたり(修正時間の削
目黒区美術館「包むーー日本の伝統パッケージ」展、レポート | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
グラフィックデザイナーの岡 秀行氏（1905-1995）が日本各地から集めた「伝統パッケージ」の数々を紹介する展覧会が目黒区美術館で開かれている。 ▲会場風景 Photos by Reiko Imamura 日本人の生活の知恵や自然観を伝えるものとして、岡氏が再発見し、収集・リストアップしてきた「伝統パッケージ」は、米俵や酒樽といった食品・菓子・酒類の包装や容器など約500点近くに上る。 ▲澤之鶴［兵庫県／沢の鶴株式会社］酒 それらは1965年に写真集『日本の伝統パッケージ』（美術出版社）としてまとめられ、75年以降は「包む“TSUTSUMU”」展としてニューヨークをはじめ世界各地を巡回。その後、88年に目黒区美術館で展覧会を開催した際、同美術館が展示品を岡氏から譲り受け、コレクションとして保管してきた。本展は、その内容を20年ぶりに紹介すると同時に、岡氏が「伝統パッケージ」と名付けて世に
クライアント様との 深い関係構築の実現が 私たちが目指す デザインビジネスです。 クライアント様との深い関係構築によりデザインで抱える課題改善や熱意あるビジネスを デザインでバックアップすることの実現が私たちが目指すデザインビジネスです。 クライアント様とその先のユーザーの方たちの気持ちを可能な限りで考え、 クライアント様と強くコミュニケーションを図りながら提案と確認を行い、 ユーザーの方たちに信頼されるデザインを作ることで、クライアント様の 「会社やブランドとユーザーの方たちの長い関係づくり」をサポートいたします。
1からWebデザインを学ぼうにも、何から始めれば良いのかわからないとやりようもないですよね。 また、スキル習得には相応の時間がかかるとはいえ、遠回りせずできるだけ効率的に学びたいと考えている方は多いはず。 この記事では、これからWebデザインを学び始める方に向け、基礎知識から独学の手順や方法、挫折しない秘訣までをご紹介します。 今すぐ独学の仕方を知りたい方は、下記をタップして移動してください。 → 今すぐWebデザインの学び方をチェックする なお、Webデザインを習得して転職や副業・フリーランスを目指したい方は、ぜひ「侍エンジニア」をご活用ください。 侍エンジニアでは、Webデザイナーへの転職を目指すコースや、副業・フリーランスに必要な案件獲得スキル習得まで多種多様なコースを用意しています。 また、受講料が最大80%OFFになる給付金を活用いただくことで、お得に効率よく最短距離でWebデザ
DartSassもコンパイルできるVSCodeの拡張機能「Live Sass Compiler（by Glenn Marks）」の紹介 - もぐもぐ食べるおいしいWebデザイン。 - もぐでざ
まずは結論から これをインストールします。 Live Sass Compiler - Visual Studio Marketplace （サムネイル怖‥） 本家の「Live Sass Compiler」ではなく、Glenn Marks氏のほうの「Live Sass Compiler」です。 以上です！あとは蛇足ですのでお時間のある方はお付き合いください！ DartSassとは… ☆Dart SassとLibSassの両方がモジュールシステムのサポートを開始してから1年後、またはDart Sassがモジュールシステムのサポートを開始してから2年後のいずれか早い方（遅くとも2021年10月1日）に、@importだけでなく、モジュールを通して行えたグローバルコアライブラリ関数呼び出しを非推奨とする。 ☆この非推奨の発効から1年後（遅くとも2022年10月1日）には、@importとほとんどの
2023年1月30日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ プロジェクトマネジメントの基本が全部わかる本
「Webサイトデザインのことがよくわかってるデザイナーに制作を依頼したいなあ…」とお考えの方は、以下のボタンからご連絡ください。企業公式サイトやLP、広告バナーなど、Webデザイン全般をおまかせいただけます。バナー1枚からでもご依頼可能です。ご相談は無料でお受けいたしますので、お気軽にお問合せください！ Webページの構成に関する用語 Webサイトはたくさんのパーツで構成されています。 ここでは特に使用頻度の高いモノをご紹介します。 ▲ここではおもにWebページのファーストビューまわりの用語を紹介します。 ❶ ヘッダー ページ最上部の横長のエリアをさします。一般的には会社ロゴやナビゲーションが入り、下層ページにも共通で使用することが一般的です。 ❷ ナビゲーション（グローバルナビゲーション） Webサイトにおけるメニュー表のようなものです。 ユーザーがサイトの色々なページを迷わずに閲覧しや
時代を彩った「構成的ポスター」を展示 「20世紀のポスター［図像と文字の風景］」展が開催 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
▲ アートディレクション：澤田泰廣／デザイン：長澤昌彦 東京・白金台の東京都庭園美術館では、展覧会「20世紀のポスター［図像と文字の風景］ビジュアルコミュニケーションは可能か？」が2021年1月30日（土）から4月11日（日）まで開催される。 同展は、竹尾の寄託によって多摩美術大学アートアーカイヴセンターが収蔵し、両者の相互協力のもとに共同研究を進める「竹尾ポスターコレクション」を利用した、大規模なポスター展である。 ▲ オイゲン・エーマン《ドイツ・グラフィック展／チューリッヒ・ウォルフスバーク美術サロン》1921年 ▲ テオ・バルマー《写真100年展／バーゼル工芸美術館》1928年 1910〜20年代のヨーロッパで生じ、芸術・デザインに革命をもたらした「構成主義」は、特にビジュアルデザインの領域において、図像と文字を幾何学的・抽象的な融和のもとに構成しようとする表現様式。 ▲ エル・リシ
安藤忠雄や坂茂の建築をVRで体験 「DOOR TO THE FUTURE」オープン | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
新型コロナウイルスの感染拡大が収束を見せないなか、いつか行きたい場所をオンライン上で楽しむことができるウェブメディア「DOOR TO THE FUTURE」が公開されている。 このサイトでは、絶対に行きたいと思う観光地やホテルを、「いつか行こう」と待っているよりも、オンラインでつないで今すぐVRで体験してみようというもの。 ▲ 瀬戸内リトリート青凪 現在は、安藤忠雄設計による、瀬戸内の壮大な景色が楽しめる愛媛・松山の「瀬戸内リトリート青凪」、福島・会津若松の絶景温泉宿「大川荘」、坂茂が建築・設計した水田にヒントを得た山形・鶴岡の「ショウナイホテル スイデンテラス」の3施設が公開。 ▲ 大川荘 いずれも大自然を体感できる施設で、遠く離れたさまざまな施設を応援しながら、いつか本当に訪れるその日までいまから期待と予定を膨らますことができるだろう。 ▲ ショウナイホテル スイデンテラス
部屋がまるごと無線充電デバイスに！？ 米ミシガン大学と東大が無線充電システムを開発 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
▲Image credit: The University of Tokyo 私たちは日常生活のなかでさまざまなデバイスを使用しているが、これらを充電するときに厄介なのがごちゃごちゃとしたケーブルだ。 そこで、こうしたケーブル群をすっきりさせようと、米ミシガン大学と東京大学の笹谷拓也特任助教が新しい充電システムを開発した。それは、部屋全体を充電ゾーンに変えるような無線充電システムである。 研究チームによると、磁場を使うことで50ワットの電力を供給することができるそうで、スマートフォンやノートパソコンをはじめ、医療機器や家庭用のモバイルロボット、さらには製造施設のデバイスまで、さまざまなものが充電可能になるという。 ▲Image credit: The University of Tokyo さらに、部屋ほどの広さでなくても、ツールボックスのような小さいスペースに搭載すれば、その中に入れたツ
Figmaの生成AIプラグインでWebデザインを作ってSTUDIOで公開してみた - Activ8 Tech Blog
はじめに こんにちは、フロントエンドエンジニアの堀江（@nandemo_3_）です。 最近、Figmaに生成AIプラグインが多くあることを知り、デザイン制作からサイト公開まで生成AIにやらせることができるのでは？と思い、 さらに、ノーコードでWebサイトが制作できるSTUDIOというサービスがあるのですが、 これもFigmaからSTUDIOに移行が行えるプラグインがあるということで、 生成AIで作成したデザインをSTUDIOに乗せ替え、公開までしてみようと思います。 使用したプラグイン Builder.io www.builder.io Magician magician.design AI image generator www.freepik.com Figma To STUDIO studio.design デザイン作成 Figmaのデザインを生成するAIはいくつかあります。（ワイヤ
【解説】コードキャンプ（CodeCamp）とは？評判・料金・口コミを徹底調査！【Webデザイン向け】 - ハピ活ライフ♬
こんにちわ❗ Roseberryです🙋♀️✨ 本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 【コードキャンプ（CodeCamp）】っていうWebデザインスクールが気になってるんだけど、どんなスクールなの？ という方に、おすすめの内容となっています。 こんな人におススメの記事です！ ・コードキャンプってどんなスクールか知りたい ・コードキャンプの何がいいのか知りたい ・コードキャンプのWebデザインコースが気になる 日本の雇用形態が少しずつ変わり、会社が個人を守ることも難しい時代になってきています。 ＂今の会社をずっと勤められるのだろうか…＂といった不安も尽きませんよね。 そんな中、Webデザイン未経験の人が 「今後の為にも、Webデザインで稼げるようにスキルを身に付けようかと思ってるんだけど、自分にもできるのかな・・・」 と思われるのは当然のことです。
2023年9月27日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ コンセプトの教科書 あたらしい価値のつくりかた
テックアカデミー Webデザインの評判・口コミは？最短4週間で、副業から就職・転職も可能なデザイナーを目指せます - ハピ活ライフ♬
こんにちわ❗ Roseberryです🙋♀️✨ 本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 【テックアカデミー（TechAcademy）】っていうWebデザインスクールが気になってるんだけど、どんなスクールなの？ という方に、おすすめの内容となっています。 こんな人におススメの記事です！ ・テックアカデミーってどんなスクールか知りたい ・テックアカデミーの何がいいのか知りたい ・テックアカデミーのWebデザインコースが気になる 日本の雇用形態が少しずつ変わり、会社が個人を守ることも難しい時代になってきています。 ＂今の会社をずっと勤められるのだろうか…＂といった不安も尽きませんよね。 そんな中、Webデザイン未経験の人が 「今後の為にもWebデザインで稼げるようにスキルを身に付けようかと思ってるんだけど、自分にもできるのかな・・・」 と思われるのは当然の
絶対抑えておきたい！WEBデザインのグリッドシステムとフレームワーク #グリッドシステム - CREATIVE DIV.
グリッドシステムは、等間隔で格子状に分割したレイアウトに沿ってデザインしていく手法で、整理されたデザインを作るためにデザイナーなら抑えておきたい手法の一つです。 紙やグラフィックのデザインでは格子状に分割したグリッドを使用しますが、 WEBデザインでは、デバイスに対応したレイアウトをするためのグリッドシステムの法則があります。 今回はWEBデザインのグリッドシステムとグリッドシステムが採用されているフレームワークについて解説していきます。 WEBデザインでのグリッドシステムは、任意のコンテンツサイズ内で12分割されたグリッドと、その間に16pxのマージンを入れたものが多く採用されています。 コンテンツサイズ、グリッド数やマージンの大きさに厳密な決まりはありませんが、 WEBデザインでは、様々なデバイスのデザインを作成する必要があります。 例えば、PCでは12カラム、タブレットでは8カラム、
ノーコードWebデザインプラットフォーム「STUDIO」、One Capitalをリードに3.5億円のシリーズ A資金調達を完了。リブランディングしたコーポレートミッション、バリューも初披露。
ノーコードWebデザインプラットフォーム「STUDIO ( https://studio.design/ja )」を提供するSTUDIO株式会社(本社：東京都渋谷区、代表取締役：石井 穣)は、この度シリーズAラウンドにおいてOne Capital、D4Vから約3.5億円の資金調達を実施したことをお知らせします。今回の資金をもとに、さらなるプロダクトの強化、マーケットシェアの拡大を図るため、組織体制を拡大していきます。 One Capitalを筆頭にSeries Aにて3.5億円を調達 資金調達の背景・目的 STUDIOは、「創造性を、解き放つ。」というミッションのもとに表現力・直感性の高いノーコードWebデザインプラットフォームを提供しています。2018年4月の正式リリース以来、Webサイト公開の無料化や「TypeSquare（モリサワ社提供）」導入による500書体以上を無料化など、ユーザ
建築家 隈研吾が提案する 新しいサテライトオフィス「KuMO」 | AXIS Web | デザインの視点で、人間の可能性や創造性を伝えるメディア
「KAGUの家」Photos by Imada Photo Service 隈研吾建築都市設計事務所が、2022年にスタートした新しいワークスタイルのプラットフォーム「Kuma Mobile Office（KuMO）」だが、北海道東川町と沖縄県那覇市に加え、岡山県真庭市でもオープンする。 同プロジェクトは、自然の中で働きながら、地域と深くつながるためのサテライトオフィスを全国に展開するものである。隈研吾建築都市設計事務所のスタッフが働くだけでなく、コワーキングスペースを兼ねているので、会員は自由に使用することができる。 「KAGUの家」と呼ばれる北海道東川町の施設は、地元の木材を使用した建物である。共用のキッチン、トイレ、リビング、打合せスペースを備えており、ワークステーションとして最大12人が活動できる。 東川町は木工家具の町として知られ、同事務所と共同で棚と机が一体となった家具を開発。
こんにちは！ WebクリエイタースクールデジLIG（デジタルハリウッドSTUDIO by LIG）運営スタッフのショウタです。 WebデザイナーやWebディレクターの転職活動に欠かせない「ポートフォリオ」。 デジLIGでは異業種からの転職をサポートさせていただいていますが、「どんな構成で作成すべき？」「企業に見られるポイントってどこ？」「どこまでのクオリティを求められる？」などポートフォリオに関する質問を多くいただきます。 そこで今回は、異業種から転職を成功させるためのポートフォリオ作成のポイントや、実際に未経験から転職を成功させたデジLIG卒業生のポートフォリオの作品例をご紹介！ これからポートフォリオを作成しようと思っている方は、ぜひ参考にされてください。 そもそもポートフォリオとは？ ポートフォリオとは、自身のデザイン・ビジネススキルをアピールするための「作品集」のようなものです。
Webデザイナーのこばやす(＠kobayas_s)です。 これからWebサイト制作を学びたい人で教材を探している方や、Webデザイナーとして仕事をしてみたいと考えている人へ向けて、私が今まで書いてきた初学者向けコンテンツがたまってきたので、まとめ記事を作りました。 人によって学習の進捗具合が違うと思うので「学びはじめ」「学習中」「仕事探し」の3つの段階に分け記事の概要を説明します。それぞれの段階にあったセクションを見てください。 デザインを学びはじめるこれからWebデザインを学習する方へ向けた記事のまとめです。 ❶デザイン初学者向けのおすすめ書籍が知りたい独学でデザインを学びたい人や、スクール学習の他にも補足知識として役立つデザインの基礎が学べる本を紹介しています。 まだデザイン学習のかけだしで専門用語が分からなくても楽しく読み進められる本を中心に厳選しています。 ❷独学で学習できる教材・
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オフセット印刷で金色(ゴールド)を表現したい - 株式会社サンコー：おもいをカタチにする仕事｜印刷・WEB・デザイン
ノーコードでWebサイトを作成！次世代Webデザインプラットフォーム「STUDIO」 | Techable(テッカブル)
LINEヤフーのデザインリーダーが語る、2024年Webデザイントレンド｜LINEヤフーDesign 公式note
キッザニア甲子園でSDGsとWebデザインを学んできた
Webデザインがトップレベルになるガイド｜村田 俊英 / デザイナー
書籍執筆しました！「ほんの一手間で劇的に変わる HTML & CSSとWebデザイン実践講座」
Webデザインをするにあたり、構造化された文書を意識する - Qiita
サービスサイト・オウンドメディア・LPのWebサイト・Webデザインの参考サイト｜matome（まとめ）
Figma（フィグマ）の使い方！初心者でも分かるWebデザインツール | MarkeTRUNK
2023年8月に読んだWeb・デザイン関連の本
Amazon.co.jp: 動くWebデザインアイディア帳: 久保田涼子, 杉山彰啓: 本
現代デザイン | Webデザインギャラリー・サイトリンク集
見出しに使えるfit-contentを解説してみる | Pulp Note - WebデザインやWebサイト制作の現場で使えるTipsやアイデアを紹介
福岡の広告デザイン・WEBデザイン会社｜リディアミックス株式会社
Webデザイン独学ロードマップ【挫折しない秘訣も紹介】 | 侍エンジニアブログ
2023年1月に読んだWeb・デザイン関連の本
ノンデザイナー必見！よく使うWebデザイン用語をやさしく解説
2023年9月に読んだWeb・デザイン関連の本
Webデザインスクール卒業生のポートフォリオ作品を21例紹介！ | デジタルハリウッドSTUDIO by LIG
Webデザインを仕事にするための学習ロードマップ｜こばやす｜現場のWebデザイナー