ホームページ > ウェブフロントエンド > htmlチュートリアル > ソフトウェア エンジニアリング -- インターフェイス UI プロトタイピング設計

ソフトウェア エンジニアリング -- インターフェイス UI プロトタイピング設計

WBOY
リリース: 2016-07-11 08:44:01
オリジナル
1401 人が閲覧しました

今日のディスカッションの後、私たちのチームは予備的な設計計画を作成しました。

mockupBuilder を一晩インストールした後、ようやくインターフェイスのプロトタイプをいくつか描きました。このソフトウェアは非常に便利ですが、Web バージョンとスタンドアロン バージョンで提供される機能は同じではありません。 . スタンドアロン版の方が完成度が高い気がしますが、保存ができないのが難点です。 。 。

ホームページ: (最初のアイデアは、NetEase Cloud Classroom に似たホームページ スタイルにすることです)

対応するラベルにマウスを移動すると、対応するサブタイトルが表示されます。サブタイトルをクリックして学習インターフェイスに入ります (追記: 学習とログイン登録ページは同じグループの別の生徒が担当しているため、私が勝ちました。ここには書かないでください)

ログイン後の主な変更点は、右上隅のオプションが変更されていることです。ホームページをクリックしてユーザーの個人ページに入り、終了してホームページに戻ります。

個人ページには、ユーザーの視聴記録と対応する収集されたコースが記録され、コース名をクリックして学習インターフェースに入ります

参考:

1. NetEase クラウド教室

2.【ソフトソード攻城団】ユーザーインターフェースデザインプロトタイプドキュメント公開!

3. モックアップビルダー公式ウェブサイト

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート