Design Container丨デザインコンテナ

314

本

UXデザインカンパニー株式会社アジケの公式マガジンです。コンテナのようにデザインにまつわることや会社のことをUI/UXデザイナーやエンジニアがストックしていきます。コンテナを…

運営しているクリエイター

#UI

3分でわかるajike｜サービスデザイン会社「アジケ」ってどんな会社？

こんにちは！アジケ採用チームです。数ある企業からアジケにご興味を持ってくださり、ありがとうございます。本記事は、2022年8月で16期目を迎える「事業課題を顧客目線で解決するサービスデザイン会社」アジケについて、3分で知っていただけるようにまとめたものです。ぜひ最後までご覧いただけると嬉しいです。大切にしている”共通の価値観”アジケが考えるデザインの意味アジケが考えるデザインの意味は、外観をきれいにすることではなく「一人では解決できない問題に立ち向かう手段」で

Daily UIの取り組みまとめ #003-#004

こんにちは。アジケの新卒UIデザイナーonoです。研修の一環で、DailyUIに挑戦しているので制作の記録をまとめたいと思います。今回は、お題003と004についてのまとめになります。また、お題001と002のまとめ、取り組むための準備編も公開いていますので、ぜひご覧ください。 ▼お題001と002のまとめ ▼取り組むための準備編 #003　「ランディングページ」制作時間：4h 【サービス概要】サービス名：クイックメシ！時短レシピを主に掲載している料理レシピ

Daily UIの取り組みまとめ　#001-#002

こんにちは。アジケの新卒UIデザイナーonoです。研修の一環で、DailyUIに挑戦しているので制作の記録をまとめたいと思います。今回は、お題001と002についてのまとめになります。＃001 「サインアップ」制作時間：4h 【サービス概要】サービス名：クイックメシ！時短レシピを主に掲載している料理レシピアプリ（クックパッドのような）ターゲット：一人暮らしの学生や10-20代で時短レシピで料理したい人ニーズ：自炊で時短料理が作りたいけど、レシピが分からない

Daily UIの取り組みまとめ　- 準備編 -

こんにちは。アジケの新卒UIデザイナーonoです。研修の一環で、DailyUIに挑戦しているので制作の記録をまとめたいと思います。まずは、どういう風にDaily UIに取り組んでいるのかをご紹介します。私もこのnoteでDaily UIに関する記事を読んでいるため、同じくDaily UIに挑戦している人の参考になると良いなと思いまとめることにしました。 Daily UIとは？Daily UIというサイトにメールアドレスを登録すると、UIデザインに関するお題が1日1つ、

海外のアプリを考察！“ユニークな体験”を支えるUIデザインの工夫

こんにちは、株式会社アジケでUIデザイナーを担当していますサイトウです。今回は、最近気になる海外のアプリのUIデザインについて考察します。国内外で、びっくりするほど便利かつ無料なアプリがたくさんリリースされている昨今ですが、今回は特に「世界観が個性的」で、画面のUIや機能も「はじめて見た！」と感じるような、ちょっぴりユニークな体験を得られるアプリ3つに注目してみます。「はじめて見た表現！」や「ユニークな体験！」と聞くと、「見慣れないUI」が使われていて「使いづら

未経験で入社したUIデザイナーがアジケの研修でやったこと

こんにちは。アジケでUIデザイナーをしているえふと申します。前回の記事で書いたとおり私は未経験から独学でUIデザイナーになったのですが、アジケでは新卒や未経験の中途の方でも現場でしっかり活躍できるように研修期間が設けられています。 ▼前回の記事この記事では、アジケの入社後の研修ではどんなことをやっているのかご紹介したいと思います。デザイン業界へ新たな一歩を踏み出そうとしている方の参考になれば幸いです。アジケの文化・社内制度の説明まずは入社したらアジケの文化や

銀行のウェブアクセシビリティを調査して気づいたこと〜レポート番外編〜

こんにちは。アジケでディレクターをしているアキです。今回は、昨年10月にアジケが公開した「銀行のウェブアクセシビリティ調査レポート」の番外編をお届けします。銀行のウェブアクセシビリティ調査レポートとは？本レポートは、ウェブコンテンツのアクセシビリティに関するガイドラインであるWCAGの達成基準をもとに、アジケが独自に調査を行ったものになります。アクセシビリティに関する調査結果から、アクセシビリティ対応の進め方に関する提言まで書かれた内容となっているため、是非ご覧く

未経験から独学でUIデザイナーになった話

はじめまして。この度アジケにUIデザイナーとして入社しました、えふと申します。前職は製造業界で働いており、デザインとは無縁の世界にいました。そこからUIデザインを独学で学び、第二新卒という形でアジケに加わりました。このnoteでは、「どのように独学でデザインを学んだのか」について書きたいと思います。異業界からデザイナーへの転職を考えている方や、非デザイン学科からデザイナーを目指す学生の方に少しでも参考になれば幸いです。独学を選んだ理由まず、デザインを学ぶ方

フロントエンドエンジニアがデザイナーさんに意識してほしい6つのポイント

こんにちは、アジケフロントエンドエンジニアの本田です。今回は、実装する時にデザインがどんな風になっていたら助かるかを弊社のエンジニアチームにヒアリングしたので紹介します。なぜそうなっていた方がいいか、エンジニア目線で書いてあるので、参考にしてみてください！ 1.色やフォントサイズ、マージンのルールがあるSassなどを導入している場合、エンジニア側で変数の定義を行うことがあります（デザイナーさんにとってのカラーパレットのをイメージしてもらえるとわかりやすいと思います）。

四角でも丸でもない形！Squircleを取り入れたUI考察

こんにちは、株式会社アジケでUIデザイナーを担当していますサイトウです。皆さまは「Squircle(スクワークル)」という形の名前をご存知ですか？ご存知の方も多いと思いますが、スクワークルとは、丸っこい四角、または四角っぽい丸とも言える形のことで、代表的なものだとiOSのアプリアイコンに使われている形のことです。日本の記事だとスクワークルに言及したものがなかなか見当たらない一方で、海外の記事やFigmaのプラグインだと群とヒット件数が上がり、このギャップは何なのか、

Figmaがもっと楽しくなる！プロトタイプでアコーディオンUIを表現する方法

こんにちは。株式会社アジケでUIデザイナーをしているやまもとです。約2ヶ月ぶりにnoteを書いていますが、今回はFigma How to記事になります！少し前にプロトタイプを制作する機会があり、その時習得したプロトタイプでアコーディオンUIを表現する方法を書いていきたいと思います。約1年前にFigmaの記事を書いた時はAuto layoutとVariantsについて書きましたのでそちらも是非読んでみてください！今回のゴールこのような開閉するアコーディオンをF

効果的な情報設計を行うためのなりきり手法３つ

こんにちは、ajikeでUI/UXデザイナーをしているすえです。 UIの世界に入った新人のディレクター・デザイナーの方がつまづきやすい「情報設計」。今回はその情報設計について、UIデザイナーとしての経験に基づくおすすめの手法についてまとめました！ ”情報設計”とは？”情報設計”とは、デザインをする際に行う「情報を整える作業」のことです。具体的に言うと、UIや紙のデザインをする際に、そこに載せる情報やナビゲーションを「どのような優先順位・配置で構成するとわかりやすいのか？

デザインを任されたときにやるべき最低限3つのこと

こんにちは。株式会社アジケでUIデザイナーをしている山本です。 2021年の9月から12月ごろまで、プロジェクトのメインデザイナーとしてアサインされていました。入社半年で大きなプロジェクトに携われたことはとてもありがたいと思った反面、右も左もわからないところに放り込まれた感じもありました。期待と不安の3ヶ月間でしたが、私がプロジェクトで行ったことは以下になります。・トーン&マナーの提案・WFからデザイン制作→提案・デザインに関する質疑対応とディレクションを

PCサイトのメニューにおけるホバー＆選択中の挙動について

こんにちは、ajikeでUI/UXデザイナーをしているすえです。今回はPC版のWebサイトにおける“メニュー” の、リンクをホバー&選択した時の挙動についてまとめてみました。メニューにおけるホバー＆選択時の挙動パターンホバー&選択時の挙動には大きく分けて、次の4パターンがあります。１つずつ見ていきましょう。 1. ホバー&選択時に同じ変化をするパターンホバー時にデザインの変化が起こり、クリックした後の選択時もその変化が継続するというパターンです。みなさ