マガジンのカバー画像

Brewusマガジン

107
これまで100以上のアプリ開発を行ってきたBrewusのメンバーが書いた記事をマガジンでお届けします
運営しているクリエイター

#UI

FigmaのPluginを1週間で2個作らされた話

ちょっと技術的な内容も記載しているのでサクッとプラグイン使ってみたい方は一番下のリンクを…

kurokky
3年前
72

デザイナーに向けたデザインシステムを作る

こんにちは、Onjiです。 今回は、社内で使用しているデザインシステムの見直しに携わる機会を…

Onji [UI/illust]
9か月前
50

AIで簡単にUIデザインを作る(Uizard Autodesigner)

Uizard Autodesignerとは? AIを利用して、デザインデータやモックを簡単に自動生成するツール…

eee
1年前
52

Figmaのプラグインとスプレッドシートを使った画面管理方法

こんにちは🌿 BrewusのUIデザイナー、bellです。 数ヶ月前、大きめのプロジェクトに関わるこ…

bell
1年前
25

Figmaでつくるプロトタイプ。ダイアログのつくりかた3選

こんにちは🌿 BrewusのUIデザイナー、bellです。 いきなりですが、プロトタイプ作るの楽しい…

bell
3年前
12

〜Coursera〜GoogleからUXを学ぶ

Courseraとは一流講師による様々なカリキュラムを学べるオンラインのオンライン学習サービスで…

Nviveto
2年前
8

UIデザイン修正の難しさ〜「なんでこんな簡単なこともできないの」〜

ビジュアルデザインとUIの違い UI,UXデザインに取り組んでいると、他業種のお客様に言われて困ることがあります。 「なんでこんな簡単なこともやってくれないんですか」 「ちょっと色変えるだけでしょう」 「ちょっとだけ隙間開けた方がかっこいいじゃないですか」 なぜできないのか、それは感覚でデザインしているわけではないからです。 ビジュアルデザインとは ビジュアルデザインにも様々なものがあります。 パッケージ、アート、ゲーム、イラスト、タイポグラフィ、ロゴ、映像、ポスター

React Native に組み込めるLottieアニメーションを作る

こんにちは🌿 Brewus,Inc. UIデザイナーのbellです。 とある案件にて、React Native でアプリ…

bell
4年前
7

〜UIデザイナーのための各端末サイズ比較〜解像度/アスペクト比/Retina(高精細液晶)サ…

さっそくですがなんでnoteにはテーブルタグがないんでしょう、、 ということなのでかなり使い…

Nviveto
4年前
35

スマホ用アプリのストア申請時に必要な画像まとめ

こんにちは🌿 Brewus,Inc. UIデザイナーのbellです。 アプリをストア申請する時に最低限必要…

bell
4年前
9

Illustratorのレイヤーをパーツごとにバラバラのレイヤーに分解する

illustratorで作ったパーツをAEなどに移行させる際、レイヤーをパーツごとに分けたい場合があ…

Nviveto
4年前
20

円に1本の線を引いて球を描く

わたしがアイコンやロゴをデザインするときの拠り所としている、「線」についての問いと、気づ…

odaichi
4年前
12

iOSとAndroidによるPush通知許可の仕組みの違い

こんにちは🌿 Brewus,Inc. UIデザイナーのbellです。 アプリ開発を行っている中で、「Push通…

bell
4年前
19

UXとは言っていても実際何をすれば良いの?〜03.構造設計〜

第1フェーズで戦略、第2フェーズで要件を固めてきました。 第3フェーズでは構造を設計していきます。 構造設計について構造設計とは家で言う設計図、ストラクチャー設計、どこに何があってどう言う機能がどう言う構造で組み立てられるかを設計していきます。 ここがビジュアルデザイナーとUIデザイナーの大きな違いで、外側の見た目でなく、中の構造を理解して要件にあった行動をユーザーに促せるよう設計していく作業になります。 UIデザイナーの腕の見せ所で難しい部分で、全部組み立ててみて後