Annyeong

🇰🇷 → 🇯🇵Tama Art Graduate School → P社→R社👨‍💻🏢 UI …

Annyeong

🇰🇷 → 🇯🇵Tama Art Graduate School → P社→R社👨‍💻🏢 UI / UX Designer. 📱 デザインイベント参加するのが好きです。

マガジン

  • ANDROID UI & GUI DESIGN 輪読会

    • 5本

    ANDROID UI & GUI DESIGN 輪読会まとめ

記事一覧

固定された記事

デザイナーだけど、Swift 勉強してよかった

🎅 Web/アプリ/動画撮影・編集/After effectなどやってるデザイナーです。 今年1月からアプリのデザインを勉強してアプリのデザインをやりました。 デザインは少しできる…

Annyeong
5年前
22

スプラッシュ画面とUX

スプラッシュ画面とUXの話です。 1.きっかけ私は動画見るのが好きで、寝る前に動画アプリで動画をみます。電気を消して動画アプリをクリックしたら眩しくて「ああっ!!!…

Annyeong
4年前
17

【Android】NavigationView(ドロワーメニュー)UI改善

ANDROID UI & GUI DESIGN 輪読会でandroidのUIを勉強してるので、アプリのUIを改善してみたいと思いました。 👷 👮 なぜ改善するのか 👷 👮 - ドロワーメニューの肩書き…

Annyeong
5年前
6

六本木アートナイト2019

六本木アートナイト2019行ってきました! いろんな作品があって、見るだけで楽しかったし幸せでした。 来年の六本木アートナイトも楽しみ https://www.roppongiartnight.

Annyeong
5年前
3

appstoreの各カテゴリー季節アイコンを探してみた

app store の 各カテゴリーのランキング1~150位までの季節アイコンを探してみた。 ✍️1. 季節アイコンが多いカテゴリーは?🕺エンターテインメント:1 (SHOWROOM) 🛒シ…

Annyeong
5年前
21

ANDROID UI & GUI DESIGN 輪読会 - 4

3-16.ステータスバーと通知届いたメール、メッセージ、ダウンロードしているファイルの状態、再生されている音楽のタイトルなど、Androidは上部のステータスバーのアイコン…

Annyeong
5年前
5

ANDROID UI & GUI DESIGN 輪読会 - 2

3-1。AndroidのUI48dpAndroidのガイドラインには、48dpリズムを持って設計するのがよい このサイズは、指先でタッチスクリーンをタッチするとき接触する平均的なサイズ …

Annyeong
5年前
4

「購入完了」ページにアニメーション追加までの流れ

ユーザーさんに丁寧な印象を与えたり、使ってて楽しいと感じてもらえたり、メンテナンス中で使えない時の不快感を減らしたり、など、 アニメーションで解決できそうなこと…

Annyeong
5年前
22

Swift 勉強14.カメラとフォトライブラリからメディアをインポート

1.NEW Project 2.👇画像のようにUIImageView/Buttonを配置する 3.アウトレット変数とアクション関数の追加 @IBAction func btnCaptureImageFromCamera(_ sender: UIB…

Annyeong
5年前
4

Swift 勉強12.テーブルビューコントローラ(2)👉To Doリストアプリ

1.アウトレット変数とアクション関数の追加 import UIKitclass TableViewController: UITableViewController { @IBOutlet var tvListView: UITableView! override …

Annyeong
5年前
5

Swift 勉強12.テーブルビューコントローラ(1)👉To Doリストアプリ

1.To Doリストアプリ基本環境設定1-1.Tableという名前で新しいプロジェクトを作成する 1-2.テーブルビューコントローラを使うので、ビューコントローラを削除 1-3.ストー…

Annyeong
5年前
5

Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(2) ビューの切り替えとメッセージ配信

1.メッセージ配信のためにストーリーボードに追加作業 - メイン画面/修正画面にLabel追加 Messageに変更&テキストフィールド(Text Field)追加 - メイン画面のテキストフ…

Annyeong
5年前
4

Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(1)

1.画面構成1-1.NEWプロジェクトにナビゲーションコントローラを作る 1-2.ナビゲーションコントローラをストーリーボードに追加 1-3.ナビゲーションコントローラの上部を…

Annyeong
5年前
3

Swift 勉強10.タブバーコントローラ利用して複数のビュー作る

タブバーとは、画面を切り替えるボタンを並べるためのバーである # 1. 新しいプロジェクトを作成し、Editor> Embed in> Tab Bar Controllerを追加 # 2. タブバーのアイコ…

Annyeong
5年前
6

Swift 勉強09.ページを移動する「ページコントロール」

- ページコントロール(Page Control)は、複数のコンテンツをページごとに見せようとするときに使用・アプリやウェブサイトでよく使う ## ページコントロール(Page Control…

Annyeong
5年前
6

07-3.アウトレット変数とアクション関数追加(2)

# 6.fileボタンfileボタンをクリックすると、htmlファイルを呼び込んで、Webビューで示すコードを追加&関数の入力 # 7.http://自動挿入機能 func checkUrl(_ url: Stri…

Annyeong
5年前
4
デザイナーだけど、Swift 勉強してよかった

デザイナーだけど、Swift 勉強してよかった

🎅 Web/アプリ/動画撮影・編集/After effectなどやってるデザイナーです。

今年1月からアプリのデザインを勉強してアプリのデザインをやりました。

デザインは少しできるようになったが、デザインを完成して、実装をエンジニアさんにお願いするのは結構難しいと思いました。

自分が作ったものが実装できないデザインではないか?エンジニアさんが何を言ってるのかわからない時もありました。など

もっとみる
スプラッシュ画面とUX

スプラッシュ画面とUX

スプラッシュ画面とUXの話です。

1.きっかけ私は動画見るのが好きで、寝る前に動画アプリで動画をみます。電気を消して動画アプリをクリックしたら眩しくて「ああっ!!!眩しい!!」😭

アプリはダークモードだが、スプラッシュ画面が白背景・ロゴでした。よりいユーザー体験を実現するためにはスプラッシュ画面も注意した方がいいかもしれない・・

携帯をいじる時間ですが、寝る前に携帯をいじる人も結構いる

もっとみる
【Android】NavigationView(ドロワーメニュー)UI改善

【Android】NavigationView(ドロワーメニュー)UI改善

ANDROID UI & GUI DESIGN 輪読会でandroidのUIを勉強してるので、アプリのUIを改善してみたいと思いました。

👷 👮 なぜ改善するのか 👷 👮

- ドロワーメニューの肩書きが長い場合、崩れてしまう
- 背景があんまり見えない
- 作品名と肩書きの文字の色が白なので見えない
- イラストが今のスタイルと違う

✍️ ざっくり考えたこと

- 背景を消したほうが

もっとみる

六本木アートナイト2019

六本木アートナイト2019行ってきました!
いろんな作品があって、見るだけで楽しかったし幸せでした。
来年の六本木アートナイトも楽しみ


https://www.roppongiartnight.com/2019/

## 基本理念
「六本木アートナイト」は六本木の街を舞台にしたアートの饗宴です。様々な商業施設や文化施設が集積する六本木の街に、アート作品のみならず、デザイン、音楽、映像、パフォー
もっとみる

appstoreの各カテゴリー季節アイコンを探してみた

appstoreの各カテゴリー季節アイコンを探してみた

app store の 各カテゴリーのランキング1~150位までの季節アイコンを探してみた。

✍️1. 季節アイコンが多いカテゴリーは?🕺エンターテインメント:1 (SHOWROOM)
🛒ショッピング: 5 (Creema / BONNE / BUYMA / minne / チケジャム)
🚗ナビゲーション: 1 (yahoo 乗換案内)
📺ニュース: 3 (Pass / ST chan

もっとみる
ANDROID UI & GUI DESIGN 輪読会 - 4

ANDROID UI & GUI DESIGN 輪読会 - 4

3-16.ステータスバーと通知届いたメール、メッセージ、ダウンロードしているファイルの状態、再生されている音楽のタイトルなど、Androidは上部のステータスバーのアイコンで各種の情報を確認することができる。

ステータスバー通知アイコンのガイドライン白のアイコンは、縦横24dpで製作すればよい。
ある程度のマージンを考慮して、22dp程度の大きさを最大に考えて作業するのがいい。

- ステータス

もっとみる
ANDROID UI & GUI DESIGN 輪読会 - 2

ANDROID UI & GUI DESIGN 輪読会 - 2

3-1。AndroidのUI48dpAndroidのガイドラインには、48dpリズムを持って設計するのがよい
このサイズは、指先でタッチスクリーンをタッチするとき接触する平均的なサイズ

## 48dpサイズを使用しているところはどこなのか

- アイコンである
アイコンは、指先ひとつで左右に移動
縦横48dpに設計すればよい

xxxhdpi192pxxxhdpi144pxxhdpi96

もっとみる
「購入完了」ページにアニメーション追加までの流れ

「購入完了」ページにアニメーション追加までの流れ

ユーザーさんに丁寧な印象を与えたり、使ってて楽しいと感じてもらえたり、メンテナンス中で使えない時の不快感を減らしたり、など、
アニメーションで解決できそうなことがありそうなので、アプリにアニメーションを入れていきたいなと思っています。

今回はアイコンではなく購入完了ページにアニメーションを追加したいと思いました。

購入したとき気持ちよくしたい
買ったとき「注文完了しました」文言だけではなくアニ

もっとみる
Swift 勉強14.カメラとフォトライブラリからメディアをインポート

Swift 勉強14.カメラとフォトライブラリからメディアをインポート

1.NEW Project

2.👇画像のようにUIImageView/Buttonを配置する

3.アウトレット変数とアクション関数の追加 @IBAction func btnCaptureImageFromCamera(_ sender: UIButton) { } @IBAction func btnLoadImageFromLibrary(_ sender: UIButto

もっとみる
Swift 勉強12.テーブルビューコントローラ(2)👉To Doリストアプリ

Swift 勉強12.テーブルビューコントローラ(2)👉To Doリストアプリ

1.アウトレット変数とアクション関数の追加

import UIKitclass TableViewController: UITableViewController { @IBOutlet var tvListView: UITableView! override func viewDidLoad() { super.viewDidLoad() // Unc

もっとみる
Swift 勉強12.テーブルビューコントローラ(1)👉To Doリストアプリ

Swift 勉強12.テーブルビューコントローラ(1)👉To Doリストアプリ

1.To Doリストアプリ基本環境設定1-1.Tableという名前で新しいプロジェクトを作成する
1-2.テーブルビューコントローラを使うので、ビューコントローラを削除

1-3.ストーリーボードでビューコントローラを削除してもswift fileは削除されないので、ナビゲーターから削除

2.ストーリーボードTo Doリストを示す画面
To Doを追加する画面
リスト内で一つのTo Doを表示す

もっとみる
Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(2) ビューの切り替えとメッセージ配信

Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(2) ビューの切り替えとメッセージ配信

1.メッセージ配信のためにストーリーボードに追加作業

- メイン画面/修正画面にLabel追加 Messageに変更&テキストフィールド(Text Field)追加

- メイン画面のテキストフィールドアウトレット変数を追加

@IBOutlet var txMessage: UITextField!

- 修正画面のテキストフィールドをクリックした後、エディタ領域にドラッグして接続します。ドラ

もっとみる
Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(1)

Swift 勉強11.ナビゲーションコントローラ👉画面の切り替え(1)

1.画面構成1-1.NEWプロジェクトにナビゲーションコントローラを作る

1-2.ナビゲーションコントローラをストーリーボードに追加

1-3.ナビゲーションコントローラの上部をドラッグして選択する。右のインスペクター領域で[Attributes inspector]ボタンをクリックし、[Title]を"メイン画面"で入力する。

2.ビューの追加とバーボタンでビュー切り替え2-1.ビューを追加

もっとみる
Swift 勉強10.タブバーコントローラ利用して複数のビュー作る

Swift 勉強10.タブバーコントローラ利用して複数のビュー作る

タブバーとは、画面を切り替えるボタンを並べるためのバーである

# 1. 新しいプロジェクトを作成し、Editor> Embed in> Tab Bar Controllerを追加

# 2. タブバーのアイコンを変更

# 3.タブバーのビューを追加作ったプロジェクトを利用する

swift file を追加して Relationship Segue > view controllers

#

もっとみる
Swift 勉強09.ページを移動する「ページコントロール」

Swift 勉強09.ページを移動する「ページコントロール」

- ページコントロール(Page Control)は、複数のコンテンツをページごとに見せようとするときに使用・アプリやウェブサイトでよく使う

## ページコントロール(Page Control)

数ページの中で現在ページが何ページ目なのかがわかる。現在、ビューで見せたい内容がいくつかの場合、ページを分けて見せる機能

# 1. 新しいプロジェクトを作成 ~ 画像ファイルを追加1-1. 新しいプ

もっとみる
07-3.アウトレット変数とアクション関数追加(2)

07-3.アウトレット変数とアクション関数追加(2)

# 6.fileボタンfileボタンをクリックすると、htmlファイルを呼び込んで、Webビューで示すコードを追加&関数の入力

# 7.http://自動挿入機能 func checkUrl(_ url: String) -> String {
}

func checkUrl(_ url: String) -> String { var strUrl = url/

もっとみる