モリオ

UI、UXデザイナー/株式会社シキラボ 映画鑑賞(特にホラー)、腕時計(主にCASIO…

モリオ

UI、UXデザイナー/株式会社シキラボ 映画鑑賞(特にホラー)、腕時計(主にCASIO系)、筋トレ、ゲーム全般が好きなので空きあらばその辺りの記事も書いていきます。

マガジン

  • シキラボ開発部

    • 18本

    開発部のメンバーの記事をまとめています。是非ご覧ください!

記事一覧

Adobe XDの便利な機能 ~ ステート応用編① ~

こんにちは!シキラボのモリオです。 今回は、前回お話しした「ステート機能」を応用することで作成可能な便利パーツの作成方法を書いていきたいと思います! 今回の作成…

モリオ
2年前
6

Adobe XDの便利な機能 ~ ステート編 ~

こんにちは!シキラボのモリオです。 今回は、プロトタイプをよりリッチに表現可能になり、画面数の削減も期待できる「ステート機能」の解説、使用方法と注意点について書…

モリオ
3年前
15

Adobe XDの便利な機能~リンクアセット編~

こんにちは!シキラボのモリオです。 今回は、前回お話しした「コンポーネント」機能のパーツ管理能力を更に向上できる「リンクアセット 」機能の解説。 それの応用方法に…

モリオ
3年前
6

Adobe XDの便利な機能~コンポーネント編~

こんにちは!シキラボのモリオです。 今回は繰り返し多用するパーツを一元管理することで、効率的な作業が実現できる、Adobe XDの「コンポーネント」機能の使い方と、注意…

モリオ
3年前
19

【Adobe XD】便利な機能~スクロールグループ編~

こんにちは!今回は最近活用してみて便利だった、Adobe XDの「スクロールグループ」についての使い方と実際に活用してみての感想を書いていきたいと思います! スクロール…

モリオ
3年前
11

「B-PROJECT 快感*エブリディ」大型リニューアルの話

こんにちは!今回は「B-PROJECT 快感*エブリディ」と言うアプリゲームの大型リニューアルプロジェクトを、UIデザイナーとして経験したことを書いていきます。 「B-PROJEC…

モリオ
3年前
9

ManaBun開発記② ~ サービス開発でのXDの具体的な活用例 ~

こんにちは!今回は前回の記事で触れた、 「ManaBun開発の連携面でどうXDを活用しているのか?」の具体的な活用例を書いていきたいと思います! デザインキットでルールの…

モリオ
3年前
8

ManaBun開発記①~ XDを取り入れた連携重視の開発フロー ~

こんにちは!今回は現在運用及び開発中の「ManaBun(マナブン)」 とはどのようなサービスなのか?と開発の経緯、開発の連携面でどうXDを活 用しているのか?を書いていき…

モリオ
3年前
7

デザイナーモリオの自己紹介

はじめまして!株式会社シキラボでUI/UXデザイナーをしているモリオというものです。 この度、シキラボのデザイナーとしてnoteを書くことになりました。 まずはモリオの自…

モリオ
3年前
18
Adobe XDの便利な機能 ~ ステート応用編① ~

Adobe XDの便利な機能 ~ ステート応用編① ~

こんにちは!シキラボのモリオです。
今回は、前回お話しした「ステート機能」を応用することで作成可能な便利パーツの作成方法を書いていきたいと思います!

今回の作成パーツ
今回は一つのコンポーネントに複数のステートを使用した「ラジオボタン」の作成方法を解説していきたいと思います!

また今回の解説は、以前紹介した記事のアップデート版になりますので、まだ読んでいない方は下記からチェックしてみてください

もっとみる
Adobe XDの便利な機能 ~ ステート編 ~

Adobe XDの便利な機能 ~ ステート編 ~

こんにちは!シキラボのモリオです。
今回は、プロトタイプをよりリッチに表現可能になり、画面数の削減も期待できる「ステート機能」の解説、使用方法と注意点について書いていきたいと思います!

ステート機能とは
Adobe XDにおける「ステート機能」とは、一つのコンポーネントに「通常状態」「ホバー状態」等、複数の「状態」を登録しておくことができる機能です。

この機能を利用することで、従来では各状態を

もっとみる
Adobe XDの便利な機能~リンクアセット編~

Adobe XDの便利な機能~リンクアセット編~

こんにちは!シキラボのモリオです。
今回は、前回お話しした「コンポーネント」機能のパーツ管理能力を更に向上できる「リンクアセット 」機能の解説。
それの応用方法について書いていきたいと思います!

リンクアセットとは
Adobe XDにおける「リンクアセット」とは、クラウド上に保存したソースドキュメントにカラー、文字スタイル、コンポーネントをアセットとして登録しておくことで、同様のアセット構成を別

もっとみる
Adobe XDの便利な機能~コンポーネント編~

Adobe XDの便利な機能~コンポーネント編~

こんにちは!シキラボのモリオです。
今回は繰り返し多用するパーツを一元管理することで、効率的な作業が実現できる、Adobe XDの「コンポーネント」機能の使い方と、注意点について書いていきたいと思います!

コンポーネントとは
Adobe XDにおける「コンポーネント」とは、ボタンやアイコンなどの共通のデザインでかつ繰り返し使用するパーツを管理する上で役立つ機能です。

コンポーネントには2種類が

もっとみる
【Adobe XD】便利な機能~スクロールグループ編~

【Adobe XD】便利な機能~スクロールグループ編~

こんにちは!今回は最近活用してみて便利だった、Adobe XDの「スクロールグループ」についての使い方と実際に活用してみての感想を書いていきたいと思います!

スクロールグループとは

「スクロールグループ」は2020年6月のAdobe XDの大型アップデートで追加された機能です。

アートボード内のコンテンツを個別にスクロール領域に定義できる機能で、
「水平スクロール」「垂直スクロール」「自由ス

もっとみる
「B-PROJECT 快感*エブリディ」大型リニューアルの話

「B-PROJECT 快感*エブリディ」大型リニューアルの話

こんにちは!今回は「B-PROJECT 快感*エブリディ」と言うアプリゲームの大型リニューアルプロジェクトを、UIデザイナーとして経験したことを書いていきます。

「B-PROJECT」と「B-PROJECT 無敵*デンジャラス」
「B-PROJECT」は、MAGES.の乙女向けブランドLOVE&ARTが手掛けるアイドルプロジェクトです。

詳細に説明すると、
総合プロデュースを多数の人気曲を持つ

もっとみる
ManaBun開発記② ~ サービス開発でのXDの具体的な活用例 ~

ManaBun開発記② ~ サービス開発でのXDの具体的な活用例 ~

こんにちは!今回は前回の記事で触れた、
「ManaBun開発の連携面でどうXDを活用しているのか?」の具体的な活用例を書いていきたいと思います!

デザインキットでルールの一括管理
シキラボは、プロダクトのUIデザインをする上でデザインデータの管理に非常に重きを置いています。

Adobe XDを使っているのですが、UIそのもののレイアウトデータと別にコンポーネント管理をするためのデータをつくって

もっとみる
ManaBun開発記①~ XDを取り入れた連携重視の開発フロー ~

ManaBun開発記①~ XDを取り入れた連携重視の開発フロー ~

こんにちは!今回は現在運用及び開発中の「ManaBun(マナブン)」
とはどのようなサービスなのか?と開発の経緯、開発の連携面でどうXDを活
用しているのか?を書いていきたいと思います!

ManaBunとは
「Manabun」は、フォーサイト社が運営する”資格試験の学習をメインとした”eラーニングサービスです。
学習効果に強いこだわりのあるサービスで、「オンラインと問題集の連携」や「個人への最適

もっとみる
デザイナーモリオの自己紹介

デザイナーモリオの自己紹介

はじめまして!株式会社シキラボでUI/UXデザイナーをしているモリオというものです。

この度、シキラボのデザイナーとしてnoteを書くことになりました。
まずはモリオの自己紹介をしたいと思います!

ゲームUIとレッドオーシャン
進路を考えはじめた高校時代、時代はwebアプリゲーム全盛期。自分も夢中な1人でした。
特に大ヒット作でもある「怪盗ロワイヤル」は非常にやり込んだタイトルです。そんな高校

もっとみる