Semantic UI
Design Beautiful Websites Quickly Semantic is a development framework that helps create beautiful, responsive layouts using human-friendly HTML. Concise HTML Semantic UI treats words and classes as exchangeable concepts. Classes use syntax from natural languages like noun/modifier relationships, word order, and plurality to link concepts intuitively. Get the same benefits as BEM or SMACSS, but wit
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
iOS&Androidアプリのデザインをする人に知っておいてもらいたいこと - Qiita
知り合いのデザイナーさんから「iOS&Androidアプリをデザインする時に何か知っておくべき事ってありますか？」と質問を受けたので、思い浮かんだ事をずらっと書いてみました。他にも何かありましたらコメントお願いします！ツッコミも歓迎(´ﾛ｀) モバイルアプリデザインの原則とiOS 量が少し多いが、公式のiOSヒューマンインターフェイス ガイドラインは必読。(※ダウンロードに時間かかるので注意) iOSだけに限らず、モバイルアプリのデザインをするにあたって重要な事がまとまっている。 載っていること ヒューマンインターフェイスの原則 アプリケーション設計戦略 iOSテクノロジーの使用に関するガイドライン 標準で用意されている各UI要素(タブやツールバー等)の使い方 マルチスクリーン対応 どのような違いがあるのかを把握する 画面密度(ppi)や画面サイズなど 参考：iPhone, iPod to
比較評価！モックアップ作成ツール「Justinmind」と「AppGyver」のPrototyperを使ってみた - そごうソフトウェア研究所
モックアップ作成ツールとは ここで言及しているモックアップとは、実際のアプリを作る前にUIだけを確認するために用意するものです。僕も実際のプロジェクトの中で、関係者に事前にモックアップで合意を取ってからアプリの開発に入ります。 同じジャンルのツールで一番有名なのはBalsamiqでしょうか モックアップ作成ツールとして、同じPrototyperという名前のツールがJustinmind社とAppGyver社からでています。どちらも静止画だけでなく、動的なモックアップを簡単に作ってデザインや操作感の検証を行えるツールです。 どちらのツールも非常に今注目されているツールですが、コンセプトが結構違うので自分のやりたいことによって選択する必要があります。 Justinmind社のPrototyper http://www.justinmind.com/prototyper/features-buil
おかんでもわかるUXデザイン Version 0.1 - ネコメシCEOブログ
3/24、TAM Coworkingをお借りして、「おかんでもわかるUXデザイン」というセミナーを自分で主催して実施しました。これ、ゆくゆくはマジでおかんでもわかるようにしたいんだけども（ようは、専門家じゃない人向けということですが）、まずはそのたたき台という感じで（だからVersion 0.1）、単にUXデザインって何よっていうのを単純化しただけの内容になっていて、完全におかんを突き放しているという、タイトルに偽りアリのものとなっております。 Version 0.1とはいえ、まー、UXデザインやってみたいけどやったこと無い人とか、何したらいいのかわからん人とかにとっては、ひとつの道しるべになるかもしれないので、スライドを公開する次第なのですが、本気で本職でUXデザインしてる人とか、アーキテクト的な人とか、そゆ人たちが見たら憤慨しそうなくらいに単純化しております。ツッコミどころ満載かと思い
AppleがiOS 7向けアプリのUIデザインで「すべきこと」や「してはいけないこと」などをまとめたサイトをオープン - GIGAZINE
iOS 7ではユーザーインターフェース(以下、UI)がフラットデザインになり、見た目も操作方法もこれまでのiOSとは違うものになりました。そんなiOS 7向けアプリを開発するデベロッパー向けに、AppleがUIデザインで気をつけるべき点やガイドラインなどをまとめています。 Designing Great Apps - Apple Developer https://developer.apple.com/design/ このサイトは登録済みiOSデベロッパー向けのもので、iOS 7向けアプリをデザインする上で必要な要素を、複数のページとApple World Wide Developer ConferenceやTech Talksのムービーを使って解説してくれます。 例えば、UIデザインのヒントを集めているのが以下のページ。 UI Design Dos and Don'ts - Apple
スマホ向けサイトやアプリの、UIデザインをするとき参考になる7つのギャラリーサイト。
スマートフォン向けサイトやアプリの開発には、PC向けのWebサイトとは異なる、タッチ操作や小さい画面に適したUIデザインが求められます。そこで、UIデザインの参考になる国内外のスマホサイトとアプリのギャラリーサイトをまとめました。 たくさんの素晴らしいデザインを見たり、実際に触れたりすることは、とても勉強になりますね。こうしたWebサービスは本当にありがたいです。感謝感謝！ まずは国内のギャラリーサイト2つ iPhoneデザインボックス 大手企業から個人のブログまで200以上の素晴らしいiPhone（スマホ）サイトが掲載されています。 画像をマウスオーバーで、サイト名・掲載日・URLなどの概要がわかり、クリックするとトップページ以外のスクリーンショットやPC版のサイトデザインといった詳細が見られます。サイトの種類やテイストなど、細かくカテゴライズされていて、参考にしたいデザインが見つけやす
CSS で iOS ネイティブアプリの UI をデザインする | チャットワーククリエーターズブログ
ChatWork Advent calendar が、早くも15日目となりました。 デザイン部の西口です。 モバイルアプリプロジェクトで、WebView のマークアップや UI 設計、UI 部品のデザイン制作を担当しています。UI 設計では、実機検証用のモックアップも制作していました。 これまで ChatWork のモバイルアプリは Titanium Mobile で開発しており、デザイナでも比較的身近な JavaScript を使用していたので、デザイン部の僕でもモックアップを制作できました！ しかし、ChatWork ブログ等でもお伝えしているとおり、モバイルアプリは、iOS、Android それぞれネイティブへの移行を今後予定しています。 んん、待てよ… ということは Objective-C を習得しないとモックアップ制作できないのか、なんて思っていましたが、世の中にはこのような困り
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
Pattern Tap : Interface Collection for Design Inspiration
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
Create front-end style guides in minutes | Patternry
This pattern demonstrates using Angular Material with your patterns. Angular Material is both a UI Component framework and a reference implementation of Google's Material Design Spec... Written by: Janne Lammi Indicating clearly required or optional fields on a form tells the user what needs to be filled in to complete the form. If most of the form fields are optional, use text or a
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularUI for AngularJS
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
美しい無料UIエレメント素材35個まとめPhotoshopVIP |
スマホアプリのUIを再現できるCSSフレームワークまとめ
GoodUI
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
Bootstrapだけじゃない！マッハでフラットや美しいデザインのUIが導入できそうなワイヤーフレームやUIキット等色々！ | バンクーバーのうぇぶ屋
[Design Solutions]![[Design Solutions]](https://cdn-ak-scissors.b.st-hatena.com/image/square/579f892153a98d5dbb1d61e422723f84887a1931/height=288;version=1;width=512/https%3A%2F%2Flive.staticflickr.com%2F171%2F452069651_c098414360_q.jpg)
