UIデザイナーとして働く私が就活生に戻ったら絶対やること5つ｜saco｜note
こんにちは、dely開発部の@ymdskoです。 普段はクラシルというレシピ動画サービスのUIデザイナーとして働いています。 この記事は、dely #1 Advent Calendar 2020の15日目の記事です。 昨日は＠alluserさんのVue 2で書かれた個人プロジェクトをVue 3に書き換えてみたという記事が公開されました！ 弊社が誇るつよつよエンジニアのお一人なので、ご興味ある方はぜひこちらもご覧ください！ 前回、デザイナーじゃない方に向けて書いた「見やすいプレゼン資料をつくる６つの手順」というnoteが、自分でも驚くくらい多くの方に読んでいただけたのでびっくりしています！ありがとうございます！ 今回はデザイナー、特にこれから働く会社を見つけようとしている就活生デザイナーに向けて、就活側と採用側をどちらも経験した視点から記事を書いてみたいと思います。 自己紹介そもそも私がどん
マジで助かった、新卒1年目デザイナーの教科書的noteや便利なサービス8選｜en.
こんにちは！ delyでクラシルというレシピ動画サービスのデザイナーをしている@ysk_en です。 このnoteは delyのAdvent Calender 4日目の記事となります。 今年は人も増え、2つのカレンダーでお送りします。 dely Advent Calender #1 dely Advent Calender #2 昨日の記事は、GEN の Athena(Presto) × Redash で湯婆婆を実装してみる です。 巷で流行りの、何かしらのプログラミングを使って湯婆婆の契約を再現してみた✨という内容です。僕も契約したら名前を取られました。 はじめに「delyのデザイナーズはどんな記事を書いてるのかな」と去年のnoteをちらっと見たら、100いいね超えの超大作を執筆されていて、ビビリちらしました。 そして、一緒に働いているデザイナーの @ymdsko の先日出したnoteも
ノンデザイナーでも大丈夫！見やすいプレゼン資料をつくる６つの手順｜saco｜note
こんにちは！ delyでkurashiruというレシピ動画サービスのUIデザイナーをしている@ymdscoです。 今年もやって参りました、delyのAdvent Calender！この記事は第1日目の記事になります。 また、今年は社内の参加人数も増えて、なんと、同時に2つのカレンダーが更新されていきます！ dely Advent Calender #1 dely Advent Calender #2 本日更新されるもう１つの記事は、望月さん(@0000_pg)の Ruby 3.0へ向けて、型周りをさわってみた です。 我々はいちごでサンタさんをつくりながら、型と向き合っていかないといけません🎅🎄 ↑ こんな感じの記事なので、俺はゆるふわ技術ブログが読みたいんじゃという方は是非読んでみてください。 はじめに私はdelyに6月頃転職したのですが、kurashiruのリデザイン案を20ページ
大規模デザインシステムを作る：いかにしてアメリカ連邦政府のデザインシステムを作り上げたか - カタパルトスープレックス
原文："Building a large-scale design system: How we created a design system for the U.S. government" by Maya Benari, October 3, 2017 現在、ほぼ30,000の米国連邦政府のウェブサイトがありますが、それらウェブサイトの間に一貫性はほとんどありません。テクノロジーの分野で働く数十万人の政府機関の職員がいますが、彼らの携わるウェブサイトの構築や管理方法に共通点はありません。 その結果、政府はユーザーが十分に満足できないサービスに多くのリソースを費やしています。連邦政府のウェブサイトは行政が提供するサービスの正面玄関です。アメリカ政府と何らかの接触をはかるときユーザーが最初に出会う場所です。米連邦政府一般調達局のFederal Front Doorイニシアチブの調査からウ
プログレッシブエンハンスメント（Progressive Enhancement）という考えかた｜ウェブユーザビリティ向上を支援するWebsite Usability Info
公開日 : 2010年6月6日 (2021年2月2日 更新) カテゴリー : アクセシビリティ 最近、プログレッシブエンハンスメント（Progressive Enhancement）という言葉をよく目にするようになりました。Webユーザーの増加、ユーザーの閲覧環境の多様化（パソコンだけでなく、携帯電話やスマートフォン、支援技術など）、ユーザーの抱える身体的状況の多様化（障害、加齢、怪我、など）、といった背景を踏まえて、より幅広く、多くの人が情報にアクセスできるようにすることを目指したWebサイトの開発理念です（Webアクセシビリティを実現するための技術的方法論のひとつとも言えますね）。以下、簡単にご紹介したいと思います。 基本的な考えかた あらゆるユーザーに対して、基本的な体験ができるようにします（たとえば、そのサイトが伝えたい情報には、どんな閲覧環境下にいるユーザーでもちゃんと到達できる
その文字、薄すぎない？ デザインにおける灰色の明度は何%が最適か
UX Movementにおいて記者、編集長を務めます。明快で効果的なデザインに美点を見出し、利用者のために払う労力を惜しみません。 一言で灰色と言っても、明るいものもあれば暗いものもあり、実に様々なバリエーションがあります。Webサイトなどでは、いたるところでお目にかかることのできる色でもあります。濃い灰色は主に見出しや本文に、薄い灰色はメタデータ、分類名、説明文に多く使われます。これらの色合いのうち、最も乱用されるのは薄い灰色です。 薄い灰色の文字の問題点 文字色として薄すぎる灰色は可読性に問題を起こしかねません。灰色の文字を薄くしすぎてしまえば、読者が読むにあたって支障をきたすことになります。文字の明度によっては、薄い色の背景に混ざってしまうのです。この現象は、単語や文字をぼやけさせ、判読を困難にします。無理に判読を試みれば、目を傷めてしまうでしょう。 また、薄い灰色の文字は読者の誘導
Free Vector Art - Download Free Vector Art Graphics at Vecteezy!
notifications-menu#getMarketingNotifications:once click->ez-drop-down#handleSubMenuClick click->notifications-menu#menuClick" data-notifications-menu-target="menuButton">
シンプルでカッコいい！無料ロゴ作成の［Squarespace］が最高だった - 遊びかたらう
シンプルなデザインのロゴは美しい。 Wordpressやはてなブログを見ているとシンプルなのにデザイン性優れるサイトは魅力的に感じます。凝ったデザインは少々難しいけどシンプルで見やすくすることはWebに詳しくない人も容易です。簡単に作れて美的センス不要、日本語に対応してませんが大丈夫。3分で完成の［Squarespace ］の使い方を紹介したいと思います。 Squarespace ソフトウェアもアプリもいらない。英語ですが特に知識も不要のウェブサイトのジェネレーター。 Squarespace Logo — Squarespace まずは自分のブログ名をLOGO NAMEに入力します。 どちらかといえば自分のサイト名よりもイメージネームなど、後で名前は瞬時に変更できるので適当なワードでもOKです。 ほら、もうかっこいい。 こういうの好きな人向けのロゴデザインです。あとするべきことは文字のデザ
Material Icons Guide
This page has moved to developers.google.com/fonts/docs/material_icons.
Sketch App Sources - New Free Design Resources - Icons, UI/UX Kits, Wireframes, iOS, Android Templates for Sketch
Thousands of UI/UX resources from great and resourceful designers around the world Sharing and building on each other's work is the ultimate form of learning and retaining knowledge. Since 2012, we're curating some of the best resources to help you design, prototype, and collaborate better and faster. UI Kits Apps Icons Illustrations Wireframes Ideas Web iOS Material Data Forms Mockups Real Annota
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
【配色 - デザイン ★★★★★】 - Color Scheme Designer 3
Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty
Introduction | Human Interface Guidelines
These guidelines are for interface designers, graphic artists, and software developers working on apps for elementary OS. They not only define specific design elements and principles, but also help instill a philosophy that enables you to decide when it is appropriate to deviate from the guidelines. Adhering to the suggestions contained here provides many benefits: Users will learn to use your app
Free Web & Mobile (iOS, Android) Prototyping and UI Mockup Tool | InVision
Freehand – The all-in-one collaborative workspaceUnlock your team’s full potential – ideate, plan, execute, and track projects with Freehand There is something so natural about collaborating in Freehand. It feels like you’re holding a marker, and making ideas happen. I can’t imagine doing that in another tool. It captures that human essence of being in person and talking to someone that is right n
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーの声に振り回されないデザインの改善プロセス｜dely design
Creating a carousel with the PathListBox | .tutorials.pathlistbox | Microsoft Design .toolbox
マテリアル デザインのガイドライン（日本語版）
MUI: The React component library you always wanted
Photographic Palettes
Create atomic design systems with Pattern Lab - Pattern Lab