2019年12月に読んだWeb・デザイン関連の本
2019年12月20日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ 配色デザイン良質見本帳 イメージで探せて、すぐに使えるアイデア集
2019年12月20日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ 配色デザイン良質見本帳 イメージで探せて、すぐに使えるアイデア集
See the Pen 9-2 PNGアニメーション（APNG） by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」内の表示を確かめてね！ 動きを実現する仕組み 仕組み ⇒ 1枚の動く画像 長所 ⇒ 透過が利用可能。GIFに比べて画質がきれい。オンラインジェネレーターなどの制作ツールで比較的簡単に制作できる。 短所 ⇒ IE,Edgeには非対応。※apng-canvas.jsで疑似的な対応は可能 オンラインサービス「Ezgif.com（https://ezgif.com）」を利用して制作。 パラパラ漫画のようにコマ送りで複数の画像を組み合わせてPNG形式のアニメーション画像をつくる。 作り方 ① 動かすコマを、画像制作ソフトを使ってコマ数分作る。 カンバスサイズは全てのコマで同じサイズにし、画像を少しずつ動かしてコマ数分を制作。 サンプル
在宅でWebデザイン副業ってどうなの？【案件の相場とクラウドソーシングの紹介あり】 - ハピ活ライフ♬
こんにちわ❗ Roseberryです🙋♀️✨ 本日のご訪問もありがとうございます✨ そんな本日の「ハピ活ライフ♬」は・・・ 在宅でWebデザイン副業って、どれぐらい稼げるの？どこで稼ぐの？ という方に、おススメの記事となっています。 こんな人におススメの記事です！ ・在宅でwebデザインの副業って稼げるの？ ・初心者でもwebデザイン副業できるの？ ・Webデザイン副業の相場は？ 私は以前、在宅でデザイン（Webデザイン）系の副業をやっていました。 当時は初心者で飛び込みつつ、コンペなどにも応募。当選や参加報酬などを頂きながら稼いでいました。 そんな経験を踏まえて、この記事では、Webデザイン初心者の方でも在宅で稼げることや、案件の相場、クラウドソーシングなどの紹介をまとめています。 最後まで読んで頂くと、初心者でも在宅でWebデザイン副業をスタートできることがわかります！ 在宅でWe
と悩んでいませんか？ Webデザインを1から学ぼうにも、何から始めれば良いのかわからないとやりようもないですよね。 また、スキル習得には相応の時間がかかるとはいえ、遠回りせずできるだけ効率的に学びたいと考えている方は多いはず。 この記事では、これからWebデザインを学び始める方に向け、基礎知識から独学の手順や方法、挫折しない秘訣までをご紹介します。 今すぐ独学の仕方を知りたい方は、下記をタップして移動してください。 → 今すぐ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とほとんどの
2021年度 今どきっぽいWebデザインにする9つの手法トレンド | Blog | 株式会社イロコト | ゲーム･アニメ等のエンタメ系Web制作&運用会社
こんにちは、Webデザイナーのsogaです。 イロコトでは、デザイナー同士が思っていること・感じていること・Webデザインの流行などを情報共有し、「よりデザイン力を上げる」「よりデザイン作業の効率を良くする」ことを目的とした「分科会」を定期的に開催しています。 良いWebデザインを作ることの難しさのひとつに、『そのデザインが"良い"のか"イマイチ"なのかという判断が、見る人の主観によって決まる』ということがあると思います。自分の中では「よくできた！」と思っても、お客様に良く思ってもらえなければ、それは"イマイチ"なデザインになってしまう、ということです。 そんな中、イロコトの分科会ではデザイナー同士が意見を言い合うことで、「イロコトとしての"良い"デザインはこれだよね」という共通認識を言語化し、客観的に持つようにしています。そうすることで社内チェック時の齟齬を生じにくくしたり(修正時間の削
クライアント様との 深い関係構築の実現が 私たちが目指す デザインビジネスです。 クライアント様との深い関係構築によりデザインで抱える課題改善や熱意あるビジネスをデザインでバックアップすることの実現が私たちが目指すデザインビジネスです。 クライアント様とその先のユーザーの方たちの気持ちを可能な限りで考え、クライアント様と強くコミュニケーションを図りながら提案と確認を行い、ユーザーの方たちに信頼されるデザインを作ることで、クライアント様の「会社やブランドとユーザーの方たちの長い関係づくり」をサポートいたします。 リディアミックスとは
ネットイヤーグループ シニアアートディレクター・金 成奎さん×Webデザイナー／コンサルタント・長谷川 恭久さん対談 現在のWebデザインとUI/UX、課題と今後の理想形 ネットイヤーグループ金 成奎さん×Webコンサルタント長谷川 恭久さん対談 現在のWebデザインとUI/UX、課題と今後の理想形
ネットイヤーグループ シニアアートディレクター・金 成奎さん×Webデザイナー／コンサルタント・長谷川 恭久さん対談 現在のWebデザインとUI/UX、課題と今後の理想形 ネットイヤーグループ株式会社のシニアアートディレクターとして、さまざまなクライアント企業のWebビジネスをサポートしている傍ら、最近『ウェブデザインの思考法』を出版された金 成奎さん。その金さんがいつも動向や発言を参考にしているという、Webに関するコンサルティングや講演、執筆など幅広い活動をされている長谷川 恭久さん。今回、初対面のお二人に、現在のWebデザインとUI/UX、その周辺の課題、今後の理想形などについて語り合っていただきました。 金 成奎（きん・せいけい） ネットイヤーグループ株式会社 UXデザイン部 カスタマーエクスペリエンス事業部 シニアアートディレクター 早稲田大学第一文学部卒業後、Webデザイナー／
イメージマップのあのめんどくさい座標マッピングをやってくれる超便利なジェネレータ - Webデザインとかコーディングを勉強中の方に届けたいTipsを発信するブログ
イメージマップって座標の設定がとにかく面倒ですよね。 そう思っているWEB制作者の方は少なくないはず。 イメージマップを利用する機会自体がそんなに多くはありませんが、昔、デバックツールで座標を確認しながら制作したのを覚えています。 今回たまたまイメージマップを利用するサイトの制作がありましたので、どうにか楽できないかなぁと探してましたら、ありました。 とんでもなく便利な超機能。 早速ご紹介しましょう。 HTML Imagemap Generator これで面倒な座標設定が大いに楽になりました。ありがたや！ 利用方法は制作者様のブログ記事にて本人直々にご教示いただいております。 制作者様のブログ記事 イメージマップのコードを生成する HTML Imagemap Generetor を作ってみた ちなみにイメージマップのレスポンシブ対応jQueryプラグインもあります。 https://git
弊社でよくいただくご要望の中に、お客様の既存サイトを「よく見えるようにしてください」「作り込んでください」「高級感を出してください」といったものがあります。サイトリニューアルまでしないけれど、ちょっとどうにかして欲しいといったご要望です。 そこで、昨今のWEBサイトの流行から検証し、「作り込むとは？高級感とは？」についてポイントをまとめてみました。 「作り込み」と「高級感」は全く別。しかし背景は… まず、「作り込み」と「高級感」は全く別です。 「高級感」は時には「リッチ」であったり「上品」と言った言葉にも置き換えられます。 全く別なのですが、ご要望をいただく背景は同じではないかと考えています。 “雰囲気いい感じ”サイトの量産 その要因の1つは、昨今の、フラットデザインや、ミニマルデザインといったWEBデザインの傾向があると思います。 今やwordpressでも莫大な数の”雰囲気いい感じ”な
【Web デザイン】ローディング・オープニングアニメーションがかっこいいWEBサイト13選 公開日:2018/11/30 /最終更新日:2019/07/04 jQuery・JS Technique Web デザイン ひと昔前までは、ローディングアニメーションと言えばCSSアニメーションで円がクルクル回ってるだけだったり、ロゴが中央に表示されて消えていくだけだった印象ですが、今は趣向が凝ったローディングアニメーションのサイトがたくさんあります。 また、ローディングとは違いますが、あえてオープニングに数秒の短いアニメーションを見せてからサイトを表示する、といったサイトも見受けられるようになりました。秀逸なアニメメーションはブランディングを高め、ユーザーのサイトへのクリエイティブの期待値をあげます。 今回はそんな「ローディング・オープニングアニメーションがかっこいいWEBサイト」を集めて見ました
優れたデザインや見せ方で話題となっている、国内外の最新Webデザインをまとめてご紹介。 10年以上Webデザイン観測を行っている筆者が、「これはやられた！」とワクワクさせられたサイトや、2024年のデザイントレンドを採用している最新デザインを中心にピックアップしています。 「アイデアが枯渇してて、、」そんなときのインスピレーションのお供にいかがでしょう。 アイデアを刺激する、みんなの最新Webデザインまとめ Collecting Stamps on Yoshida Trail, Mt. Fuji 山梨県側の富士山の北側から山頂を目指す「吉田ルート」からの登頂の記録を、インタラクティブに残したアートプロジェクト。 サントリーニ ホテル＆ヴィラズ 宮古島 沖縄の宮古島にあるホテルの公式サイトで、訪れてみたくなる美しい風景画像をふんだんに利用しています。コンテンツの切り替えにユニークなシェイプを
ローディング | 動くWebデザインアイディア帳
書籍情報 紙面だからこそできるまとめ方でコードを説明し、 全体を俯瞰して調べることが出来る構成になっています。 もちろん、パーツのサンプルコードもzipでまとめてダウンロードできます。 購入をしてくださった方には特典がありますので是非チェックしてみてください！
星がキラキラ | 動くWebデザインアイディア帳
See the Pen 5-9 星がキラキラ by 動くWebデザインアイディア帳 (@ugokuweb)on CodePen. 「Result」内の表示を確かめてね！ 動きを実現する仕組み particles.jsというライブラリのオンラインジェネレーターを利用して描画を行い、HTML内の<div>タグの背景に指定する。 [使用するライブラリ] particles.js（https://vincentgarreau.com/particles.js/） HTMLの書き方 head終了タグ直前に自作のCSSを読み込みます。
オシャレブログに欠かせないのはズバリ、【色の使い方】です。 デザインを良くするためにまずは、 どんなカラーを使用するか。を決めましょう！
2022年7月3日 書評 Web制作やデザインに関する情報は、インターネット上以外にも書籍を通して体系的に学ぶことができます。今月も様々な本を拝読しました。その中でいいなと思った物、オススメの物をいくつか紹介します。 ↑私が10年以上利用している会計ソフト！ COLOR by COLOR 配色ひらめきツール
アイデアがないときの良質Webデザイン見本リスト30選
良質で優れたWebサイトの実例を見てインプットすることは、次のアイデアを生み出す糧になります。 しかし多忙な毎日を送るクリエイティブな人にとって、「日々更新される新しいWebサイトをチェックする時間がない」という経験はあるでしょう。 このリストでは、ここ2か月ほどで話題となった国内外の最新Webデザインをまとめているので、情報収集を効率化したいという人におすすめです。 10年以上Webデザイン観測を行っている筆者が、2024年のデザイントレンドを採用している最新デザインを中心にセレクト。今回は「体験できるWebサイト」、増えてました。 Webデザイン見本リスト BOTANIST | フレグランスコレクション’24 アイスピーチティーの香り スマホで閲覧されることを前提にした幅の狭いレイアウトを採用したWebページで、スクロールに応じて表示されるコンテンツにはどれも素敵なアニメーションが実装
かっこいい、イケてる！Webデザインをしたいデザイナー募集中！ - LLL inc.のデザイン・アートの採用 - Wantedly
スタートアップ2社の立ち上げ、2社へのジョインを経て、再度独立へ。世界各国を旅しながら、持続可能な世界の構築というテーマに人生を捧げることを決め、帰国後、LLL inc.を創設。創業から1年で20名以上の仲間が共感し、経営に参画。「#世界を変える何かを」をミッションに、25以上のプロダクト立ち上げを実施。現在は、統合的なデジタルマーケティング戦略の立案及び実行をするマーケティング&プランニング事業、デザイン思考に準じたクリエイティブ＆ソリューション事業、スタートアップを生み出すためのLLLスタートアップスタジオを運営。日々、仲間とあるべき事業を議論しながら、挑戦中。
今回はこんな悩みを解決していきます。 ここ最近プログラミングの需要は急激に高まってきており、フリーランスや転職といった形でエンジニアを目指す方が増えてきているそうです。
Webデザイン初心者でも迷わない！簡単！デザイン起こしのテクニックを徹底解説｜キナリ＠通販LPデザイナー
執筆：キナリ（@kinari_ec） デザインが思い浮かばない悩みを本日で終わらせて、ガシガシ売上を伸ばしてください！ 「ぅあああデザインが思い浮かばない！！」 Webデザイナーであれば誰もが一度は経験する悩みです。 デザイン起こしにはテクニックがありますが、それをうまく使わないと一日中、気付いたら二日目・・ひどいときは納期に間に合わない・・！くらい悩んでしまったりなんてのもザラ・・・ デザイナーとしての自信をなくすだけでなく、これはフリーランスデザイナーにとって超死活問題です。 決められた単価の中でいかに利益を出すかは「時間の短縮」にかかっているのですから。 時間の短縮、すなわち効率化は常に考えなければいけない課題ですので、早急に解決しないといけません。 というわけで、今回は迷わずデザインを起こすテクニックを体系化してご紹介。 今日この記事を持ってその悩みを解決しましょう！ デザイン起こ
See the Pen 6-2 スクロールすると画面やエリアが時間差で重なる by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」内の表示を確かめてね！ 動きを実現する仕組み Luxy.jsというライブラリを使い、各要素に動きを指定してスクロールをすると画像やエリアが時間差で重なるように設定する。 重なりのあるレイアウトに使用すると浮遊感のあるリッチな印象のサイトになる。 [使用するライブラリ] Luxy.js（https://min30327.github.io/luxy.js/） HTMLの書き方 head終了タグ直前に自作のCSSを読み込みます。 <div id="luxy"><!--時間差で重ねるエリア全体に id="luxy"と指定--> <section class="area"> <!--動かしたい要素のclassにluxy-
イラレでWebデザインってほんとにできるの？
イラレでWebデザインってほんとにできるの？ 連載 くれまとさくらのWebデザイナーは今日も行く はじめに みなさまこんにちは！ Photoshoph派のさくらです。最近はマルチデバイス対応の案件も増えてきて、ピクセルベースではないIllustratorでのWebデザイン制作にも興味があるのですが、なかなか一歩踏み出せません。……という愚痴をくれまさんにこぼしたところ、なんと、基礎をレクチャーいただけることに！ Illustratorを触ったことはあるけれど、Web用としては使ったことがない、という皆さんも一緒にくれま先生に教わりましょう！ デザインツールは何使う? Illustratorにもトライしてみよう！ 黒野：商用サイトをデザインする人が使うデファクトスタンダード的なアプリケーションって、Photoshop、Illustrator、Fireworks、Sketchという感じですかね
書籍情報 紙面だからこそできるまとめ方でコードを説明し、 全体を俯瞰して調べることが出来る構成になっています。 もちろん、パーツのサンプルコードもzipでまとめてダウンロードできます。 購入をしてくださった方には特典がありますので是非チェックしてみてください！
Webサイト制作をこれから学ぶ人へ送る “1冊目”に最適の入門書！【学びをサポートする4大特典つき】 本書は手を動かしてWebサイトを作りながら HTML/CSSとWebデザインの基本を楽しく学べる入門書です。 初学者が1冊目に読む本としてふさわしい内容を盛り込んでいるため、 これを読めば必要な基礎知識がひととおり身につきます。 制作できるサイトは計4種。 初歩的な内容から少しずつレベルアップしていき、 Flexboxレイアウト・CSSグリッドレイアウト・ レスポンシブデザイン・CSSアニメーションも作れるようになります。 またコーディングの知識だけではなく、 学習を続ける上での学び方のコツやポイントも紹介。 知識ゼロからスタートした人でも、1冊を読み終えるころには 自ら学習を深めていけるようになるでしょう。 ■わかりやすい！楽しい！ポイント ・やさしく要点をおさえた解説 ・手を動かして作
かたおか＠LP専門Webデザイナー on Twitter: "「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性は… https://t.co/qggyVhGEbP"
「Webデザインを学び始めたばかりで配色がうまく決められない」という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。 各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性は… https://t.co/qggyVhGEbP
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
スマートフォンのレイアウトをそのままPCに活かした 3カラム？スマホンシブ？スマポンシブ？の美しいデザインをまとめてみました 掲載、削除の依頼は管理人にご連絡ください。
# レイアウトの基本事項Webサイトは文書。テキストは左から右に読み進める、署名は右寄せなど、文法にも配慮した配置を心掛ける。 コンテンツの重要度と優先度を考慮してデザインする。情報の位置関係に注意を払う。 重要なコンテンツは目立たせる。ユーザーはWebサイトを読み飛ばして見ることが多い。周囲のコンテンツとの距離やコントラストを変えると引き立てやすい。 関連するコンテンツはグループとして認識できるような配置にする。 一貫性のあるデザインを作成する。一貫性のないデザインは開発を遅らせるだけではなく、ユーザーの混乱も招いてしまう。 セクションの区切り方や境界の見せ方に拘る。内容に応じ、階層をつけたデザインにする。 デザインをする時は常にコーディングのことも考える。攻めたレイアウトを作ることは容易だが、それがちゃんとデバイスやブラウザで表示されるかはどうかは別問題。 いくらかっこいい見た目でもコ
ノーコードWebデザインプラットフォーム「STUDIO」、One Capitalをリードに3.5億円のシリーズ A資金調達を完了。リブランディングしたコーポレートミッション、バリューも初披露。
ノーコード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は、「創造性を、解き放つ。」というミッションのもとに表現力・直感性の高いノーコード
See the Pen 4-10 順番に現れる（CSS） by 動くWebデザインアイディア帳 (@ugokuweb) on CodePen. 「Result」下のRerunを押して動きを確かめてね！↑ 動きを実現する仕組み CSS アニメーションで実現する順番に現れる方法です。 このサンプルは、画面を開いたらすぐに動きます。 スクロールをして動かす、といったきっかけを指定したい場合は、「jQuery とCSS を組み合わせてスクロールをしたら要素を動かす」を参考にしてください。 ①スタート時は要素自体を透過0 にするため、opacity:0; を指定する .box{ opacity: 0; } ②動かしたい動き（今回は” ふわっ” を採用）＋動きのスタートを遅らせるCSS animation-delay: 秒数の値;をあわせて指定します。 出現させたい要素の順番に遅延時間を増やしていくと
PhotoshopやIllustratorなど、有料のツールは数多くあるものの、まずは費用をかけず手軽に使えるツールでWebデザインを作成したい人は多くいますよね。 ただ、無料でWebデザインが作れるできるツールはいくつかあるため、どれにしようか悩む人は多いはず。 そこで、今回は次のトピック別におすすめのWebデザインツールを、選び方も交えて紹介します。
[WP]Contact Form 7のフォームにリセットボタンを設置する方法｜WordPressプラグイン｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」
WordPressのContact Form 7を使ったメールフォームで、フォームの入力・選択内容をリセットできるボタンを設置する方法のご紹介です。 Contact Form 7 でリセットボタンの設置 WordPressの管理画面へログインして「お問い合わせ」>「コンタクトフォーム」へ進み、 対象のフォームのリンクをクリックして、 リセットボタンを置きたい場所に<input type="reset">のタグを挿入します。 具体的には以下のような記述になります。
![[WP]Contact Form 7のフォームにリセットボタンを設置する方法｜WordPressプラグイン｜WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/19cdd9e7ffebf632c4d778b78bd1a1e7f293dc02/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2014%2F06%2Fcontactform7.png)
どうもWebデザイナーの久米川です！ 最近、いろんな人から「くめちゃんはどんなサイトを見ながら普段インプットしてるの？」とよく言われます。 ということで今回は、ぼくが普段見ているおすすめのWebデザインのギャラリーサイトや、有名で参考にしているひとが多いギャラリーサイトを一挙に紹介したいと思います！それではいってみましょう！ 毎日見ているWebデザイン参考サイト 世界にはハイクオリティかつクリエイティブなデザインのサイトを表彰する『世界3大アワード』と呼ばれるアワードがあり、アワードの結果を掲載するサイトがそれぞれあります。 その3つのサイトはもはや説明不要。Webデザインを極めたい人、勉強したい人は必ず見た方がいいです。 Awwwards https://www.awwwards.com/ ・更新頻度 : ★★★ ・使いやすさ : ★★★ ・掲載数 : 不明 最近リニューアルしたAwww
webデザイナー/プロデューサーの平尾誠です。 『webデザイナーを目指しているけど、デザインってどうやって勉強するの？』 とお困りの方はとても多いと思います。 結論からいうと、一言で済む答えがないから悩むんだと思います。 それぞれに合った学習方法を自分で編み出してください。って感じです。 でも、それではちょっとだけ先を歩んできた業界人として無責任な気もするので、自分なりの学習方法を記しておきたいと思います。 この記事の対象者 コレからwebデザインを勉強したい 具体的にみんなが何をしているか知りたい 何をしたらいいかわからない 具体的に何をしたかを書いているので、このあたりの方の参考になればと思います。 それではさっそく紹介します。 独学ではじめるwebデザイン勉強法 イケてるサイトを観る とにかくサイトを観ましょう。 見るではなく、観ます。 観る目を養わないと、作れるようになるはずない
こんにちは！久米川です！ 会社でのあだ名は「くめちゃん」なんですが、人によっては「くめ」と呼ばれます。 その違いはなんだろうと考えたところ、目上の人ほど「くめ派」が多いことがわかりました。 ‥‥‥‥ そんなどうでもいい話はさておき、本番にいきましょう！ これまでの記事ではデザインの4原則や勉強法について書いてきましたが、今回はより技術的なデザインツールの話をしていきたいと思います！ UI&WEBデザインツールについて 近年、通常のデザインツールとは違う、WEBサイトやアプリケーションの作成に特化したUIデザインツールというものが数多く出てきています。 通常のデザインツールとは違い、画像の補正機能などは基本的になく、コンポーネント機能やプロトタイピング機能、アニメーションの作成、コメント機能による修正や更新対応の連携など、WEBサイトやアプリケーションを作る上で役に立つ機能が多く備わっていま
2020年のWebデザイントレンド20選｜ダークモード、ミニマリズム、ジオメトリック、ボールドフォント | Web担当者Forum
技術の進歩、人々の価値観、使用するデバイスやメインのツール、サービスによって、デザイントレンドは日々変化しています。 例えば、多くの人がGoogle関連のアプリを使っているため、Googleが取り入れたデザインはアプリのUIデザインのスタンダード、つまりトレンドになります。 Webデザインのトレンドは「ただの流行りもの」ではありません。そこには、ユーザー目線のUI／UXが存在し、新たな考え方を発見できます。新しいトレンドを知ることは、ユーザーの興味・関心への理解につながるのです。 今回は2020年、流行が予想されている20のデザイントレンドを紹介します。 2020年のWebデザイントレンド【20選】 1.ダークモード2.ミニマリズム3.ジオメトリック4.ボールドフォント5.エモーショナルデザイン6.データビジュアリゼーション7.3Dデザイン8.スクロール9.エディトリアル10.レトロモダン
こんにちは！スマートバンクでコミュニケーションデザイナーをしている@yuki930 です。 この記事はFigmaアドベントカレンダー2023に参加しています🎉 みなさんはFigmaでWebサイトをデザインする際、画像の管理はどうしていますか？ 先日Xで以下のような投稿をしたところ、思いがけず多くの反応を頂いたので、 今回あらためてブログにまとめてみることにしました。 FigmaでWebサイトをデザインするとき、 最終的に画像で書き出す素材は別ページでまとめて管理しておいて、レイアウトからはそれを参照するようにしてます。 具体的には * 書き出しする画像はまとめて同じページに置く * Page x Section単位でざっくり仕分けておく *… pic.twitter.com/WKNl2KEev9— ゆっきー | SmartBank (@yuki930) 2023年9月29日 B/43のサ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PNGアニメーション（APNG） | 動くWebデザインアイディア帳
『Webサイト・リニューアル 「見た目だけ変えた」にしない成功の手引き』が半額！ KindleストアでMdN Webデザイン書フェア／『Webデザイン基礎入門』は50％OFFの1,375円【Book Watch/セール情報】
Webデザイン独学ロードマップ【挫折しない秘訣も紹介】 | 侍エンジニアブログ
福岡の広告デザイン・WEBデザイン会社｜リディアミックス株式会社
高級感って？作り込みって？WEBデザインの流行から見るポイント | SEO対策なら株式会社ペコプラ
【Web デザイン】ローディング・オープニングアニメーションがかっこいいWEBサイト13選
アイデアを刺激する、みんなの最新Webデザイン36選【2024年4月版】
配色パターン100選！超おしゃれな色の組み合わせでwebデザインを制せよ。
2022年6月に読んだWeb・デザイン関連の本
テックアカデミーのWebデザインフリーランスセットがお得すぎる【特徴や学習内容をご紹介】 - CloudInt
スクロールすると画面やエリアが時間差で重なる | 動くWebデザインアイディア帳
グローバルナビゲーション | 動くWebデザインアイディア帳
これだけで基本がしっかり身につく HTML/CSS＆Webデザイン1冊目の本 | 翔泳社
サンカラム | 3カラム、スマホンシブ、スマポンシブのWebデザイン参考サイト
個人的に実践しているWebデザインガイドライン③ レイアウト編｜TAK / Web Creator.
順番に現れる（CSS） | 動くWebデザインアイディア帳
無料で使えるWebデザインツールおすすめ8選【2024年版】 | 侍エンジニアブログ
Kindleストアでデザイン関連書籍が半額！ 『Webデザイン・スタンダード』は50％OFFの1,210円／『伝わる［図・グラフ・表］のデザインテクニック』は1,100円【Book Watch/セール情報】
Webデザインで参考にしたいギャラリーサイト30選【2022年版】
独学ではじめるwebデザイン勉強法 | ARUTEGA blog｜アルテガブログ
【徹底解説】一番おすすめのUI/WEBデザインツールは？ 機能と特徴も解説
Amazon.co.jp: レスポンシブWebデザイン入門 マルチデバイス時代のWebデザイン手法: 小川裕之: Digital Ebook Purchas
Figmaを活用したWebデザイン：効率的な画像管理のコツ - inSmartBank