こんにちは、今回がはじめてのnote投稿になります！ タイトルにもある通り、今日はTwitterにて8月に行なっていたUIトレースについて感じたことをまとめていきます。 デザインの勉強を始めたばかりで、どうやって勉強しよう？と悩んでいる人や、最近だとCocoda!に登録してUIデザインの勉強をしてみようかな...と思っている人の参考のひとつにでもなれば嬉しいです。 あくまでも自分なりの見解であり初心者目線で書きますので、どうぞ暖かい目でご覧になってください...。(アドバイス随時受け付けてます！) そしてかなり迷ったのですが、この記事ではトレースしたものだけでなく、アウトプットしたものも全部載せます。プロのデザイナーさんが見たらツッコミどころ満載の作品ばかりだと思いますが、同じような境遇の方の励みになればと思って、、、、では目次です。 目次 1. UIトレースを始めたきっかけ 2. 最
優れた無料フォントはたくさんありますが、フォントによっては文字を並べた時に文字同士の間隔が不自然になってしまうことも。そんな時は文字間隔を調整するカーニングを行うことでデザインをよくすることができますが、どのようにすれば適切にカーニングができるのか、初心者でも使える9つのポイントがまとめられています。 A Beginner’s Guide to Kerning Like a Designer – Design School https://designschool.canva.com/blog/kerning/ 文字と文字の間隔は、単純に同じ距離であれば自然に見えるというわけではありません。以下の画像では左側の「Type」の文字間隔が全て等しく、右側は同じではないのですが、実際に人間の目で認識されると自然に見えるのは右側になります。これは、それぞれの文字によって持っている「空間」の大きさに
【デザイン事例を紹介！】グリッドデザインのWebサイトが良い15の理由 | TechAcademyマガジン
【デザイン事例を紹介！】グリッドデザインのWebサイトが良い15の理由 Webサイトを作る上でグリッドデザインが良い理由について述べています。レスポンシブデザインなどデバイスに対応するWebデザインが主流になっていますが、これからWebデザイナーを目指している方は必見の内容でしょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を
Red Team Design
About our web design school Our Web Design School was created in 2015 to help people learn new professions and companies find competent specialists. The school program is aimed at studying modern web design technologies.
定規に刻まれているのは“素数”だけ！ 京都大学の不便益システム研究所とサマーデザインスクールが共同監修した「素数ものさし」が、同大学の生協各店で販売されています。価格も素数にちなんで577円（税込）。使い方に困惑する声もある中、Twitterやはてなブックマークでは「欲しい」という人が続出しています。 ▽ 京大オリジナルグッズ・素数ものさし - Togetter 18cmの素数ものさしは、素数の部分だけに目盛りを付けたという、不便益システム研究所のグッズ第1弾です。ものさしの上部でcm単位を、下部でmm単位を測れます。cm単位には2・3・5・7・11・13・17という素数の数字と目盛りを、mm単位には目盛りのみを刻印。材質は竹で、目盛りはプリントではなく実際に焼き付けているそうです。 京都大学の生協で販売が開始されると、ネット上では「素数にこだわって定規を作る」というユニークな発想がじわじ
※ここでのデザイナーとは、主に、グラフィックデザインやUIデザインを扱うデザイナーのことである。 そして、Design with AIの時代へ近年、高性能のパソコンとデザインアプリケーションが安価で手に入ることで、誰でもデザイナーを始めることが可能となった。また、AppleやGoogleが提供するデザインのコンポーネントとデザインのガイドラインは、成果物の品質保証を底上げし、美的センス（審美眼）の必要性を下げた。さらに、人工知能の発達は、熟練デザイナーのブラックボックスだった職人的技術を解放しはじめている。 コンピューターが投入される前に必要だったデザイナーの技術は、例えば、1mmの間に何本のまっすぐの線を引けるかといった技術である。しかし、コンピューターが現場に導入されるとその技術の希少性は消え、いまや、0.25mmのまっすぐな線を引くことに、特別な訓練は必要ない。これと似たような現象が
Photoshopに強くなる!ポスター制作のチュートリアルまとめ「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」
Photoshopに強くなる!ポスター制作のチュートリアルまとめ「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」 デザイン制作やCG制作などの加工に利用することが多いPhotoshopですが、ツールの利用方法は無限大にあり、ソフトを存分に使いこなせていないとお思い方もいらっしゃるかもしれません。そんな中今回紹介するのが、Photoshopに強くなる!ポスター制作のチュートリアルをまとめた「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」です。 Inception Poster with Repousse in Photoshop CS5 | Abduzeedo Design Inspiration & Tutorials 素材の重ね方やタイトル処
海外デザインブログ Canva Design School で公開された「10 Simple Ways To Enhance Your Images」より許可をもらい、日本語抄訳しています。 「百聞は一見にしかず（英: A picture is worth a thousand words.）」と言われるのには、きちんとした理由があります。 古くからよく知られているフレーズかもしれませんが、オーディエンスに向けてデザインを制作するときには、適切なアドバイスと言えるでしょう。デザインのコンセプトに、エクスペリエンス体験やリサーチを加えることで、イメージ画像はうまく注目を集めることができます。 Hubspot では、ビジュアル・コンテンツ（英: Visual Content）がいかに強力なコミュニケーションツールであるか、いくつかの統計がまとめられています。 関連する画像のあるコンテンツは、画
Youtubeで"UI/UX,Webデザイン"、"初心者デザイナーが価値あるスキルを身に着ける"ためのチャンネルを運営しています。 その中で”伸ばすべきデザイン力”を整理できないかとトライしているので、そのログを残します💡 デザインを学びたいけど何から手をつけたら良いのか、何を目指すのかよくわからない。という人の助けになると嬉しいです👍 ※UIデザイナーの定義を「UIで構成されるインターネット事業のサービスをデザインする人」で置いています。 🤔ベースにしている考えいろんな方々が引用している、The Elements of User Experienceをベースに出発しています。これは「ユーザー体験」を作っていく上で必要になる要素を、層で整理しているものです。 シンプルに日本語化して整理してみると、以下のようになります。 （間違いあればこそっとご指摘ください・・・） デザインをしていく
心理学や神経科学からUXデザインを良くする方法について紹介。ユーザー体験を最大化するためにUXは欠かせません。1990年代のインターネット初期の事例から現在に至るまでWebサイトのデザインなどどう変遷してきたのか、必見です。是非ご覧ください。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Design School Canvaのブログ記事を、Design School Canvaより了解を得て日本語翻訳し掲載した記事になります。
河合塾
「私は最短ルートで、志望大学に合格する。」 合格に必要なすべてを、効率よく習得したい。 迷いなく学び続け、未来を切り開いていきたい。 河合塾は、そんな私の想いに寄り添い、全力で支えてくれる。
日能研
緊急連絡等はありません。 緊急時の授業・テスト・イベントについては、以下時間帯に発信します。 8時～13時開始の授業等［6：30までに掲載］／13時～17時開始の授業等［11：00までに掲載］／17時以降開始の授業等［15：00までに掲載］
無料で学べる！チュートリアル系のYouTube動画を網羅した「Channels Stack」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は多彩なジャンルのチュートリアル系YouTube動画を網羅的にまとめたWebサービスをご紹介します。 CG・動画編集・音楽制作・Web開発・デザイン・ゲーム作り・NoCode…など、非常に幅広い学習コンテンツを無料で学べるのが大きな魅力となっています。 いずれもクオリティの高いチュートリアル動画ばかりなので、ご興味ある方はぜひ参考にしてみてください！ 【 Channels Stack 】 ■「Channels Stack」の使い方 それでは最初に「Channels Stack」の基本的な使い方について紹介しておきます。 面倒なユーザー登録や初期設定などは一切不要で、サイトにアクセスしたらすぐにでも利用できるのが特徴です。 トップ画面にある【Browse categories】ボタンをクリックしてみましょう。 細かいカテゴリ別に学習系のYou
「社会人のためのWebデザインスクール」を渋谷で開きます
「スマートフォン時代のWebデザインスクール」は、これからWebデザイナーになりたい社会人の方向けの入門スクールです。 現在、COVID-19感染拡大防止のため渋谷の教室での授業は休止しておりますが、ご自宅にて動画で受講頂くことが可能です。 以下のようなことを効率よく学べます。 Web制作は初めての方のためのウェブデザインの基礎知識 UI/UX、Adobe XDを使用したプロトタイピング制作などモダンなWeb制作に必要な知識 Adobe Photoshop・Illustratorなどを使用した、スマートフォン・タブレット・パソコンなどさまざまな端末で表示できるWebデザインカンプの制作方法 他のスクールでは学べない、効率の良いWebデザイン制作の方法 昨年内容を大幅リニューアルし、Adobe XDを使用したプロトタイピング・UI/UXなど、モダンなWebデザインに必要な内容を大幅に増やして
大阪学院大学・大阪学院大学短期大学部 入試情報サイト
3人の卒業生のエピソードを通じて、OGUでの学生生活がどのように彼女たちの未来を形作ったのかを探るスペシャルサイト
Cocoda!では超初心者向け、これからUIデザインをはじめたい人向けのコンテンツ、「はじめてのUI - 入門編」を公開しました🎉 動画を使ったことで、誰でもシンプルに迷うことなくデザインをはじめられるコンテンツです💡 ↓↓さっそく始めたい方はこちらから👍↓↓ https://cocoda-design.com/projects/36 ※すぐにコンテンツが始まります ー ー ー ー ー ー ー ー ー ー ー ー ー ー ー リリースした「はじめてのUI - 入門編」は以下のURLからチェックできます！ ↓↓↓↓ https://cocoda-design.com/projects/36 ※すぐにコンテンツが始まります これからもCocoda!をよろしくお願いします🙏🙏 ご意見・ご質問などありましたら、僕のアカウントまで！
「形態は機能に従う」（英: Form follows functions）とは、無駄な装飾は取り除き、必要から生まれた形態は美しいという、アメリカ建築の三大巨匠とされるルイス・サリバンの新しい考え方です。いわゆるモダンな「機能美」という概念を、はじめて唱えた人物です。 今回はそんなシンプルな見た目で、オシャレなデザインに仕上げるフリーフォントをまとめてご紹介します。清潔感のあるスッキリとしたスタイルが中心で、モダンな雰囲気を演出したいときにどうぞ。 詳細は以下から。 入力するだけでオシャレに魅せる、モダンなフリーフォント素材50個まとめ Lambok 書体に使われている曲線をなくした、細字のサンセリフ書体。 ※ 個人利用可能 Cooper Hewitt ニューヨークにある博物館のロゴとして作成されたサンセリフ書体。 ※ 個人、商用利用可能 Intro Free Font ※ 個人、商用利用
組織の立ち上げ、成長に迫る！デザイン組織のつくり方【オプト・Goodpatch編】｜Goodpatch Blog グッドパッチブログ
会社によって、デザイン組織の規模やカタチは様々。プロダクト開発におけるデザイナーの役割が細分化されはじめ、デザイナーをマネジメントする方法やマネージャーの需要が高まっています。そこで、今後組織づくりにもトライしていきたいデザイナーが集まり「デザイン組織のつくり方 オプト×Goodpatchの場合」を開催しました。 今回の登壇者は株式会社オプトでデザイン イノベーション ファーム「Studio Opt」を立ち上げた竹田 哲也さん。Goodpatchでクライアントワークを担当するDesign Div. ゼネラルマネージャーの松岡 毅の二人です。 第1回目のデザイナーが輝ける組織とは？デザイン組織のつくり方イベントレポート【NewsPicks・Goodpatch編】もぜひ参考にしてみてください！ 株式会社オプト Designer | 竹田 哲也さん『デザイン組織ができるまでの道のり』 竹田さんの
予備校の東進
Doubt is the father of invention. 訳：懐疑は発明の父である。 Galileo Galilei（ガリレオ・ガリレイ）イタリアの物理学者
海外デザインブログCanva Design School Blogで公開された「Design Elements and Pinciples」より許可をもらい、日本語抄訳しています。 デザインはなんとも難解で複雑な、楽しくて面白いビジネスと言えます。 デザインをはじめたばかりのときは、覚えることも多く、やらなければいけないこともたくさんあり、色々と検討しなければけないでしょう。また同時に、テクノロジーの進化によって、新しいソフトウエアが発売されたり、次から次へと変化するデザイントレンドも意識する必要があるでしょう。しかし、すべてを同時に学ぶとなると参ってしまいます。 この記事では、デザインをするときに覚えておきたい、20個の基本原則をまとめてご紹介します。前半となる今回は、まず10個のデザインテクニックを見ていきましょう。 詳細は以下から。 コンテンツ目次 ライン 縮尺、スケール 配色、カラ
代ゼミ
【令和6年能登半島地震で被災された皆様へ】 石川県能登地方を震源とする令和6年能登半島地震により犠牲となられた方々の御冥福をお祈りするとともに、被災された全ての皆様に心よりお見舞いを申し上げます。 また、被災地域の皆様の安全確保と被災された皆様の生活が一日も早く平穏に復することをお祈り申し上げます。 ＜受験生・保護者の皆様＞ 今後の大学入試に関する試験会場や追試験などの情報につきましては、大学入試センターおよび各大学のホームページにて随時公表されておりますので、最新の情報をご確認ください。
30年前から Apple が目立っていた理由を知っていますか？ ジョブズの考えは、ブランディングにカラフルな写真を利用し、当時のコンピューター業界とは全く異なるものでした。 コンピューター革命のきっかけとなるサブカルチャーに影響を与えるために、それらの写真を利用したのです。 そして、そのアイデアは上手くいきました。 この記事では通常とは一味違う、ブランディング力をアップする代替アイデアテクニックをご紹介します。ウェブから集めたトップクラスの2フライヤーデザイン20枚を集め、それらのテクニックを適用した、無料でカスタマイズできる Canva 用テンプレートも一緒にまとめています。 コンテンツ目次 1. コンピューターから離れてみよう。 2. 鮮やかな色を利用しよう。 3. ビンテージな書体を試してみよう。 4. ユニークで意味のあるディテールを追加しよう。 5. 遊びの効いた書体を利用しよう
学習塾なら個別指導の明光義塾
個別指導のパイオニアとして長年培った生徒自らが考えることを重視した指導で、テストや受験本番に発揮できる力を養います。対話型の授業で分からないことは気軽に質問できます。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン初学者がUIトレースを１ヶ月続けてみた｜きなこ
初心者でもデザイナーのように文字の見た目を劇的によくする「カーニング」をマスターするための9つのポイント
素数の部分だけ目盛りが付いた「素数ものさし」京都大学の生協で発売 価格も素数 - はてなニュース
デザイナーのパラダイムシフト｜hiranotomoki
デザイナー顔負け！写真加工がうまくなる、10個の簡単テクニックまとめ
超初心者から活躍できるまで！UIデザイナーのスキルの登り方をまとめてみた｜カイクン🤘
心理学から学ぶ！心地よいUXデザインを作る方法
UIデザイン超初心者向け！動画でわかる「はじめてのUI - 入門編」を公開しました👍｜カイクン🤘
入力するだけでオシャレに魅せる、モダンなフリーフォント素材50個まとめ
デザインで確実に覚えておきたい、20の基本原則まとめました。
他とは違う！ブランド力をアップするフライヤー作成テクニック20個まとめ